jquery将li元素的内容文本添加到类中

Question

如何获取元素的内容文本以便用作类。

jsfiddle

<ul> 
    <li><a href="#">blue</a></li> 
    <li><a href="#">red</a></li> 
    <li><a href="#">orange</a></li> 
    <li><a href="#">green</a></li> 
</ul> 

后：

<ul> 
    <li class="blue"><a href="#">blue</a></li> 
    <li class="red"><a href="#">red</a></li> 
    <li class="orange"><a href="#">orange</a></li> 
    <li class="green"><a href="#">green</a></li> 
</ul> 

Answer 1

您可以简单地使用.addClass()回调函数.text()方法：

$('ul li').addClass(function() { 
    return $(this).text(); 
}); 

http://jsfiddle.net/3hV28/

Answer 2

你在这里。您基本上将class属性设置为text值。

http://jsfiddle.net/H9RDv/2/

Answer 3

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

像这样

Answer 4

试试这个： 现场演示：http://jsfiddle.net/H9RDv/13/

$(document).ready(function() { 
    $("li").each(function() { 
    cl = $(this).text(); 
    $(this).addClass(cl); 
}); 
}); 

输出：

<ul> 
    <li class="item1"><a href="#">item1</a></li> 
    <li class="item2"><a href="#">item2</a></li> 
    <li class="item3"><a href="#">item3</a></li> 
    <li class="item4"><a href="#">item4</a></li> 
</ul>