Как заменить текст на класс div

Question

Попытка заменить текст на класс div. Средство находит текст от .label(текст1 или любой текст), а затем замените его как класс class="text1" на родительский список <li> item like <li class="text1">. Пример приведен ниже

HTML:
Это основной выход HTML код.

<div id="main-id"> 
<ul> 

<li> <!--List 1--> 
<span class="meta"> 
<div class="label"> 
<a href="http://lorem.com">text1</a> 
</div> 
</span> 
</li> 

<li> <!--List 2--> 
<span class="meta"> 
<div class="label"> 
<a href="http://lorem.com">text2</a> 
</div> 
</span> 
</li> 

</ul> 
</div> 

По Jquery/JS вывода HTML, как это: (Я хочу, чтобы это)

<div id="main-id"> 
<ul> 

<li class="text1"> <!--Add class to List 1--> 

<span class="meta"> 
<div class="label"> 
<a href="http://lorem.com">text1</a> <!--Get class name from here--> 
</div> 
</span> 
</li> 

<li class="text2"> <!--Add class List 2--> 

<span class="meta"> 
<div class="label"> 
<a href="http://lorem.com">text2</a> <!--Get class name from here--> 
</div> 
</span> 
</li> 

</ul> 
</div> 

Я использую этот Заменить текст script, но я не в состоянии сделать это. Любое предложение для другого способа сделать это?
Заранее спасибо.

Answer 1

Вы можете использовать addClass() добавить класс

$('.label a').each(function() { 
 
    var $this=$(this);  
 
    $this.closest('li').addClass($this.text()); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div id="main-id"> 
 
    <ul> 
 

 
    <li> 
 
     <!--List 1--> 
 
     <span class="meta"> 
 
<div class="label"> 
 
<a href="http://lorem.com">text1</a> 
 
</div> 
 
</span> 
 
    </li> 
 

 
    <li> 
 
     <!--List 2--> 
 
     <span class="meta"> 
 
<div class="label"> 
 
<a href="http://lorem.com">text2</a> 
 
</div> 
 
</span> 
 
    </li> 
 

 
    </ul> 
 
</div>

Answer 2

jsfiddle

function replace(){ 

    var arr = []; 

    $('div .label').each(function(){ // search for divs with a label 
     arr.push($(this).text()); 
    }); 

    // add class to each <li> 
    $('li').each(function(index, element){ 
     $(this).addClass(arr[index]); 
    }); 
} 

replace(); 

Answer 3

использовать для каждого $('li)

addClass() может добавить класс. Или используйте метод attr().