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/