Jquery - 隐藏文章中的内容

Question

我有这个HTML代码：

<article class="about">
            <header>
                <div class="hed"></div>
            </header>

            <div class="contentt"><content>

            </content></div>
</article> 

和这个js：

$(".hed").unbind("click").click(function(){
        $(".contentt", this).hide();
    }

我需要隐藏类内容，当我点击类hed，但我有更多的文章，所以我需要隐藏使用类。一些想法？

Answer 1

.contentt不是.hed的后代，因此您的方法无法奏效。这是更好的方法：

$('.hed').unbind('click').click(function() {
    $(this).closest('article').find('.contentt').hide();
});

此处脚本获取最近的 article父级，并在其中找到.contentt块后代。