-1

我刚刚问了与这个问题相反的问题，并得到了很大的帮助，所以谢谢。现在的挑战是页面加载时标题可见，然后将其隐藏（消失），因此看起来不专业。所以我，利用我从你的建议中学到的东西，试图以相反的方式做到这一点。我已经隐藏了CSS，现在希望 JQuery 在不包含文本“所有品牌”的<h2>情况下使其可见。

HTML 如下所示：

<div class="Block Moveable Panel" id="BrandContent">
  <h2>All Brands</h2>           <--- ALWAYS HIDDEN IN CSS
  <div class="BlockContent">
     BRANDS LISTED HERE...
  </div>
</div>

我尝试了以下代码的几种组合但均未成功：

$('#BrandContent > h2:not(:contains("All Brands")').css('visibility', 'visible');

和

$('#BrandContent > h2:not(:contains("All Brands")').show();

提前感谢您的任何建议。米

4

3 回答 3

4

尝试这个： 

$(document).ready(function(){
    $('#BrandContent > h2:not(:contains("All Brands"))').show();  
});

CSS：

代替： 

#BrandContent h2 {
    padding-bottom: 20px;
    visibility: hidden;
}

至：

#BrandContent h2 {
    padding-bottom: 20px;
    display: none;
}

JSFIDDLE 演示

于 2013-08-07T06:15:11.810 回答
1

失踪)-

$('#BrandContent > h2:not(:contains("All Brands"))')
                                                 ^------------
于 2013-08-07T06:06:07.923 回答
0

尝试这个

var $h2 = $('h2');
$h2.not($('.BrandContent > h2:contains("All Brands")')).css('visibility', 'visible')
  • 选择所有h2
  • 选择所有h2包含该单词的All Brands
  • 使用 anot将为您提供不包含单词的 h2。

检查小提琴

于 2013-08-07T06:06:16.637 回答