jquery - jQuery：如果类存在隐藏内容

Question

我有两个div如下：

<div class="after_content"></div>
<div class="inner"><h2>OTHER SIMILAR PACKAGES:</h2></div>

如果“内部” div 存在并与 h2 匹配，我正在使用以下 jquery 脚本隐藏“after_content” div，但似乎我做错了什么，因为它不起作用。

$(document).ready(function(){
if($(".inner").filter(':contains("OTHER SIMILAR PACKAGES:")').exists()){
$(".after_content").hide();
}
});

感谢您的帮助，告诉我我做错了什么。

Answer 1

没有.exists()方法。您必须检查生成的 jQuery 对象的长度是否非零：

if ($(".inner").filter(':contains("OTHER SIMILAR PACKAGES:")').length > 0) {

Answer 2

试试这个 HTML：

<div class="after_content">HIDE THESE CONENTS</div>
<div class="inner"><h2>OTHER SIMILAR PACKAGES:</h2></div>

脚本：

$(document).ready(function(){
    if($(".inner").children('h2').html()=="OTHER SIMILAR PACKAGES:"){
        $(".after_content").hide();
    }
})

例子

Answer 3

你可以用这个

     $(document).ready(function(){
           var h2_val = $(".inner h2").text();

           if(h2_val == 'OTHER SIMILAR PACKAGES:')
           {
               $(".after_content").hide();
           }
     });