Javascript jQuery：单击时隐藏与选择器文本相同的对象的父对象

我有一个菜单，我想（由于特定的动态内容，我不能使用类或ID）隐藏所有与菜单选择器文本不同的项目

HTML:

我会选择over，因为它可以返回部分匹配

var galLi=$（'.galSub'）；
var-boxImgs=$（'.boxImgs'）；
galLi.点击（功能（e）{
var text=$（this.text（）.trim（）；
e、 预防默认值（）；
filter（函数（）{
返回$（this）.find（'.prodEns'）.text（）.trim（）==text；
}).toggle（）；//如果要隐藏和显示，请使用toggle，否则只需使用hide（）
})

费加罗
诺兰索佩兰
点菜
诺尔丹斯
门
北埃斯特拉德酒店
点菜
皮特坎马尔歌剧院

怎么样

$('.prodEns:not(:contains('+refLink.text()+'))').each(function(){
    $(this).parent().siblings(prodItm).hide();
});

试试这个

---

说得好！我希望OP投票或接受，这样我们就可以确定这是他想要的。你的方式肯定更好

var galLi = $('.galSub a');
var prodItm = $('.boxImg'); 
var prodEns = $('.prodEns');

galLi.click(function(e){
    var refLink = $(this);
    e.preventDefault();
    if (prodEns.text() == refLink.text()) {
    $('this').parent().siblings(prodItm).hide();
}

$('.prodEns:not(:contains('+refLink.text()+'))').each(function(){
    $(this).parent().siblings(prodItm).hide();
});

var galLi = $('.galSub a');
var prodItm = $('.boxImg'); 
var prodEns = $('.prodEns');

galLi.click(function(e){
    var refLink = $(this);
    e.preventDefault();
    prodItm.hide();
    prodEns.each(function(i,val){
         if ($(val).text().trim() == refLink.text().trim()) {
                $(val).closest(".boxImg").show();      
         }
    })


})