jQuery:通过类过滤掉元素?

前端之家收集整理的这篇文章主要介绍了jQuery:通过类过滤掉元素?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个名称长的名单的网站.
为了使其更具监督性,我想放置一个文本链接

(负载)显示全部

(点击单词“梨”)隐藏所有元素与class =“apple”

(点击单词“apples”)将class =“pear”的所有元素隐藏起来

(点击“显示全部”)显示全部

我想这就像一个真正简化版本的“当你输入”过滤.

是否存在插件?我甚至不知道从哪里开始!

解决方法

嗯..如果你有一个列表,如下所示:
<span class="apple">red apple</span>
<span class="apple">green apple</span>
<span class="pear">big pear</span>
<span class="pear">little pear</span>

以下将显示全部:

$("span.*").show();

以下将使用“class =”apple“”隐藏所有元素:

$("span[class='apple']").hide();

或者你可以隐藏所有没有’class =“pear”’的东西:

$("span[class!='pear']").hide();

猜你在找的jQuery相关文章