使用javascript或jQuery隐藏特定列表后的所有列表元素

Question

在一个无序列表中查看所有列表项并删除指定列表项后的所有项的最快方法是什么？

示例：假设列表将始终包含文本“Hobbies”的项目。 javascript位必须找到该项并删除它之后的所有li项。

Answer 1

使用:contains选择器抓取您的项目以寻找＆＃34;爱好＆＃34;。然后，您可以使用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();