Question

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

<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>

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

4 个答案: