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

【问题标题】：Checking if a unordered list contains a specific list item检查无序列表是否包含特定列表项
【发布时间】：2013-01-09 19:46:15
【问题描述】：

例如我有一个这样的列表

<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 来比较列表项的文本值，以便于比较。有什么好的方法可以解决上述问题？

【问题讨论】：

标签： javascript jquery html search

【解决方案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
}

【讨论】：

太棒了，以前用过 .find 方法有一些逻辑，但认为应该有一个更简单的解决方案
有没有办法在比较时忽略文本中的空格填充。例如，根元素可能包含并希望在使用目标节点时将其作为匹配项。希望这很清楚
不能不使用正则表达式。如果您只使用contains("Item2.0")，它将找到<"Item2.0"> 以及<" Item2.0 ">。

【解决方案2】：

您可以使用:has 和:contains。

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

【讨论】：