jQuery:如果类存在隐藏内容

时间:2013-07-15 05:21:39

标签: jquery

我有两个div如下:

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

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

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

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

3 个答案:

答案 0 :(得分:5)

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

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

答案 1 :(得分:0)

试试这个 HTML:

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

SCRIPT:

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

example

答案 2 :(得分:0)

您可以使用此

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

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