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

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

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;