Javascript jQuery自定义过滤器代码，同一字符串仅使用最近的（）函数

因此，我正在创建一个jQuery，它将过滤掉库。当我选择画廊的标题时，它只会在画廊内容上显示相同的单词（标题）

网址如下：

在本文的指导下，我让它工作。指导

但当我准备选择更多标题时，活动的div或文章正在消失

你能指导我需要修改或添加什么吗

我的jquery在这里

<script>
    // for live search
    // Guide http://jsfiddle.net/XjgR2/
    jQuery.noConflict();
    jQuery(document).ready(function(){
        jQuery("#banda").css("display","none");

        jQuery('a[id="set-filter"]').click( function(){

            jQuery("#splash").fadeOut();
            jQuery("#banda").fadeIn();
            var getjun = (jQuery(this).text());
            //alert(getjun);
            jQuery('<span id="setted-filtered">' + getjun + '</span>').appendTo('#filtered-jun');

            var query = jQuery(this).text().toLowerCase();

            jQuery('div[id="banda"] h2.entry-title a').each(function(){
                var $this = jQuery(this);

                alert(query);
                if ($this.text().toLowerCase().indexOf(query) === -1) {

                     $this.closest('#banda .before_after').fadeOut();
                     jQuery('#banda .before_after').addClass("active-ba");

                } else {  
                    alert('nasa else');
                    $this.closest('#banda .before_after').fadeIn();
                }
            });

        });
    });
</script>

//实时搜索
//向导http://jsfiddle.net/XjgR2/
jQuery.noConflict（）；
jQuery（文档）.ready（函数（）{
jQuery（“#banda”）.css（“显示”、“无”）；
jQuery（'a[id=“set filter”]”）。单击（函数（）{
jQuery（“#splash”）.fadeOut（）；
jQuery（“#banda”）.fadeIn（）；
var getjun=（jQuery（this.text（））；
//警报（getjun）；
jQuery（''+getjun+''）.appendTo（'#filteredjun'）；
var query=jQuery（this）.text（）.toLowerCase（）；
jQuery（'div[id=“banda”]h2.entry-title a'）。每个（函数（）{
var$this=jQuery（this）；
警报（查询）；
if（$this.text（）.toLowerCase（）.indexOf（查询）=-1）{
$this.closest（“#banda.before_after”）.fadeOut（）；
jQuery（'#banda.before#u after'）.addClass（“活动ba”）；
}否则{
警报（“nasa其他”）；
$this.closest（“#banda.before_after”）.fadeIn（）；
}
});
});
});

视频在此：

---

因此，如果我在过滤器端选择1，它就工作了。但当我选择多个过滤器时，它根本不显示

我已经通过过滤解决了这个问题。 我已尝试编写代码，说明如何删除为筛选器添加的项。 当我单击X（关闭按钮）时，它也会删除所有添加的过滤器

这里截图

完整的jQuery代码。（请查找//删除）

//实时搜索
//向导http://jsfiddle.net/XjgR2/
jQuery.noConflict（）；
jQuery（文档）.ready（函数（）{
jQuery（“#banda”）.css（“显示”、“无”）；
jQuery（'a[id=“set filter”]”）。单击（函数（）{
jQuery（“#splash”）.fadeOut（）；
jQuery（“#banda”）.fadeIn（）；
var getjun=（jQuery（this.text（））；
//警报（getjun）；
jQuery（''+getjun+''）.appendTo（'#filteredjun'）；
var query=jQuery（this）.text（）.toLowerCase（）；
jQuery（'div[id=“banda”]h2.entry-title a'）。每个（函数（）{
var$this=jQuery（this）；
警报（查询）；
if（$this.text（）.toLowerCase（）.indexOf（查询）=-1）{
$this.closest（“#banda.before_after”）.fadeOut（）；
}否则{
警报（“nasa其他”）；
$this.closest（“#banda.before_after”）.addClass（“活动ba”）；
if（jQuery（'.before_after'）.hasClass（'active-ba'））{
警报（“活动类”）；
$this.closest（“#banda.before_after”）.fadeIn（）；
}
}
});
//除去
jQuery（'span[id=“setted filtered”]i[id=“remove filter”]”）。单击（函数（）{
jQuery（'span[id=“setted filtered”]”）。每个（函数（）{
jQuery（'span[id=“setted filtered”]”）。remove（）；
var$this=jQuery（this）.text（）.toLowerCase（）；
警报（本美元）；
if（$this.indexOf（查询）=-1）{
$this.closest（“#banda.before_after”）.fadeOut（）；
}否则{
警报（“nasa移除”）；
$this.closest（“#banda.before_after”）.addClass（“活动ba”）；
if（jQuery（'.before_after'）.hasClass（'active-ba'））{
警报（“活动类”）；
$this.closest（“#banda.before_after”）.fadeIn（）；
}
}
});
});
});
});

我已经通过过滤找到了答案。 我已尝试编写代码，说明如何删除为筛选器添加的项。 当我单击X（关闭按钮）时，它也会删除所有添加的过滤器

这里截图

完整的jQuery代码。（请查找//删除）

//实时搜索
//向导http://jsfiddle.net/XjgR2/
jQuery.noConflict（）；
jQuery（文档）.ready（函数（）{
jQuery（“#banda”）.css（“显示”、“无”）；
jQuery（'a[id=“set filter”]”）。单击（函数（）{
jQuery（“#splash”）.fadeOut（）；
jQuery（“#banda”）.fadeIn（）；
var getjun=（jQuery（this.text（））；
//警报（getjun）；
jQuery（''+getjun+''）.appendTo（'#filteredjun'）；
var query=jQuery（this）.text（）.toLowerCase（）；
jQuery（'div[id=“banda”]h2.entry-title a'）。每个（函数（）{
var$this=jQuery（this）；
警报（查询）；
if（$this.text（）.toLowerCase（）.indexOf（查询）=-1）{
$this.closest（“#banda.before_after”）.fadeOut（）；
}否则{
警报（“nasa其他”）；
$this.closest（“#banda.before_after”）.addClass（“活动ba”）；
if（jQuery（'.before_after'）.hasClass（'active-ba'））{
警报（“活动类”）；
$this.closest（“#banda.before_after”）.fadeIn（）；
}
}
});
//除去
jQuery（'span[id=“setted filtered”]i[id=“remove filter”]”）。单击（函数（）{
jQuery（'span[id=“setted filtered”]”）。每个（函数（）{
jQuery（'span[id=“setted filtered”]”）。remove（）；
var$this=jQuery（this）.text（）.toLowerCase（）；
警报（本美元）；
如果($
<script>
    // for live search
    // Guide http://jsfiddle.net/XjgR2/
    jQuery.noConflict();
    jQuery(document).ready(function(){
        jQuery("#banda").css("display","none");

        jQuery('a[id="set-filter"]').click( function(){

            jQuery("#splash").fadeOut();
            jQuery("#banda").fadeIn();

            var getjun = (jQuery(this).text());
            //alert(getjun);
            jQuery('<span id="setted-filtered" class="active-ba"><i class="far fa-times-circle" id="remove-filter"></i> ' + getjun + '</span>').appendTo('#filtered-jun');

            var query = jQuery(this).text().toLowerCase();

            jQuery('div[id="banda"] h2.entry-title a').each(function(){
                var $this = jQuery(this);

                alert(query);


                if ($this.text().toLowerCase().indexOf(query) === -1 ) {

                     $this.closest('#banda .before_after').fadeOut();

                } else {  
                    alert('nasa else');
                    $this.closest('#banda .before_after').addClass("active-ba");

                    if (jQuery('.before_after').hasClass('active-ba')) {
                        alert( 'active class');
                        $this.closest('#banda .before_after').fadeIn();
                    }
                }
            });


            // Remove
            jQuery('span[id="setted-filtered"] i[id="remove-filter"]').click( function() {
                jQuery('span[id="setted-filtered"]').each(function(){
                    jQuery('span[id="setted-filtered"]').remove();

                    var $this = jQuery(this).text().toLowerCase();
                    alert($this);

                    if ($this.indexOf(query) === -1 ) {

                         $this.closest('#banda .before_after').fadeOut();

                    } else {  
                        alert('nasa else remove');
                        $this.closest('#banda .before_after').addClass("active-ba");

                        if (jQuery('.before_after').hasClass('active-ba')) {
                            alert( 'active class');
                            $this.closest('#banda .before_after').fadeIn();
                        }
                    }
                });
            });

        });

    });
</script>