Question

我正在尝试根据内容在li上添加课程。我的代码是在li父级和子级上添加类，但我只需要添加具有特定内容的li。 JS FIDDLE

<ul class="Team">
    <li>Manager
        <ul>
            <li>Team Leader</li>
            <li>Php Developer</li>
            <li>Graphic Designer</li>
            <li>Game Developer</li>
        </ul>
    </li>
    <li>
        Admin
        <ul>
            <li>Assistant Accountant</li>
        </ul>
    </li>
</ul>

我正在尝试在具有.trend内容的li上添加课程Game Developer。

$('.Team li:contains(Game Developer)').addClass('trend');

但是上面的代码在li父级和子级上添加了类。任何人都可以指导我如何根据内容选择li。我会很感激。

Answer 1

尝试使用:not()和:has()选择器忽略li ul，

$('.Team li:contains(Game Developer):not(:has(ul))').addClass('trend');

DEMO

Answer 2

尝试使用助理类

为 <li> 元素添加类

试试这个：

$('.Team li.assistant:contains("Game Developer")').addClass('trend');

Answer 3

或具体说明。

$('.Team > li > ul > li:contains(Game Developer)').addClass('trend');

如果child li有特定内容，如何添加类？

3 个答案:

DEMO