使用jQuery订购列表

Question

如何使用jQuery在（* this *）li-s中添加css类？

<ul>
    <li>*this*</li>
<ol>
    <li></li>
     <li></li>
</ol>
    <li>*this*</li>
<ol>
    <li></li>
     <li></li>
</ol>
</ul>

Answer 1

你可以使用它。

$（'ul＆gt; li'）。addClass（'className'）;

Answer 2

假设正确的有效结构是：

<ul>
    <li>*this*
        <ol>
            <li></li>
            <li></li>
        </ol>
    </li>
    <li>*this*
        <ol>
            <li></li>
            <li></li>
        </ol>
    </li>
</ul>

然后你可以使用：

$('ul').children().addClass('someClass');

您应该为<ul>提供一个类或ID，以便更具体地定位选择器，以便不影响页面中的任何其他<ul>

Answer 3

遍历元素，并检查文本属性：

小提琴：https://jsfiddle.net/yftaLtxr/1/

var els = $('li');
console.log(els);

for(var i = 0; i < els.length; i++)
{
    var li = $(els[i]);

    var text = li.text();
    if(text == "*this*")
    {
        li.addClass("test");
    }
    console.log(li.attr('class'));
}