javascript - 检查无序列表是否包含特定列表项

Question

例如我有一个这样的列表

<ul id='root'>
    <li> <a> Item0 </a> </li>
    <li> <a> Item1 </a> </li>
    <li> 
        <a> Item2X </a>
        <ul> 
            <li> <a> Item2.0 </a> </li>
        </ul>
    </li>
</ul>

并想检查 root 是否包含以下项目

<li> <a> Item2.0</a> </li>

我们可以使用 jquery 来比较列表项的文本值，以便于比较。解决上述问题的好方法是什么？

Answer 1

使用 jQuery包含：

var element = $('#root a:contains("Item2.0")');

if (element.length > 0) {
    // anchor was found containing "Item2.0" text
} else {
    // anchor was not found containing "Item2.0" text
}

Answer 2

您可以使用:has和:contains。

var hasItem = !!$("#root:has(a:contains(Item2.0))").length;