javascript - javascriptまたはjQueryを使用して、特定の要素の後にすべてのリスト要素を非表示にする

Question

1つの順序付けられていないリスト内のすべてのリスト項目を調べて、指定されたリスト項目の後のすべての項目を削除する最も簡単な方法は何でしょうか。

例：リストに常に「趣味」というテキストのアイテムが含まれているとします。javascriptビットはそのアイテムを見つけて、その後のすべてのliアイテムを削除する必要があります。

Answer 1

セレクターを使用してアイテムを:contains取得し、「趣味」を探します。liそれからあなたはそれの後にすべてのアイテムnextAll()とそれらをつかむことができremove()ます。

Answer 2

:containsおよびを使用する.nextAll：

$('li:contains("Hobbies.")').nextAll().hide();

Answer 3

これにより、特定の要素の後にすべてのli要素が非表示になります

$('li').filter(function(index) { return $(this).text() === "Hobbies"; }).nextAll().hide();