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>

ルートに次の項目が含まれているかどうかを確認したい

<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;