使用: JQuery筛选器

Question

我对所有这些都很陌生，并且在使用:contains过滤一堆div时，我很难识别父元素？我的最终结果是有3个按钮，当单击这些按钮时，检查一个div是否包含一个特定的单词，如果是这样的话，将一个类应用到包含的div，另一个类应用到所有其他div。本质上是藏起来展示给他们看。

我有一把小提琴，它不起作用，但表明了我想要创造的想法。

我知道的代码不起作用，但给出的过程是；

$(".manchester").click(function (e) {
    if ($('.address:contains("Manchester")').length) {
        $('holder').addClass('visible');
    }
    if ($('.address:contains("London")').length) {
        $('.holder').addClass('invisible');
    }
    if ($('.address:contains("Paris")').length) {
        $('.holder').addClass('invisible');
    }
    e.preventDefault();
});

小提琴就住在http://jsfiddle.net/2fEzS/

Answer 1

您正在使用类div来隐藏所有的.holder，而不仅仅是影响contains位的那个。

将代码更改为：

$(".manchester").click(function (e) {
    $('.address:contains("Manchester")').closest('.holder').addClass('visible');
    $('.address:contains("London")').closest('.holder').addClass('invisible');
    $('.address:contains("Paris")').closest('.holder').addClass('invisible');
    e.preventDefault();
});

但是，如果div包含“Paris”而不是“Paris”，则大小写敏感，因此不会隐藏。

请参阅http://jsfiddle.net/2fEzS/19/