使用JQuery按值隐藏列表项

Question

下面是我的代码，我希望使用JQuery隐藏'li'中间存在的值。

HTML：

  <ul id="tagCloud">
       <li>Item1</li>
       <li>Item2</li>
       <li>Item3</li>
       <li>Item4</li>
       <li>Item5</li>
  </ul>

此代码输出为：

              Item1
              Item2
              Item3
              Item4
              Item5

我想使用JQuery隐藏第三个'li'。

我希望输出如下：

              Item1
              Item2
              Item4
              Item5

我该怎么办？谢谢。

Answer 1

您可以使用:contains隐藏包含Item3

的任何内容

$('#tagCloud li:contains(Item3)').hide();

或更具体的过滤器

$('#tagCloud li').filter(function() {
    return $(this).text() === 'Item3';
}).hide();

或不区分大小写

$('#tagCloud li').filter(function() {
    return $(this).text().toLowerCase() === 'item3';
}).hide();

Answer 2

试试这个：

$('#tagCloud li:contains(Item3)').hide();