使用JQuery按值隐藏列表项

Below is my code and I want to hide the 'li' by its value that present in the middle using JQuery.

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

HTML:

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

This code output is:

此代码输出为:

              Item1
              Item2
              Item3
              Item4
              Item5

I want to hide third 'li' by its value using JQuery.

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

I want the output like this :

我希望输出像这样:

              Item1
              Item2
              Item4
              Item5

How can I do it? Thank you.

我该怎么做?谢谢。

2 个解决方案

#1

You could use :contains to hide anything that contains Item3

您可以使用:contains隐藏包含Item3的任何内容

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

or be more specific with a filter

或者更具体的过滤器

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

or case insensitive

或不区分大小写

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

#2

Try this:

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