Jquery-隐藏文章中的内容

Jquery - hide content in article

本文关键字：隐藏 文章 Jquery-      更新时间：2023-09-26

我有这个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时，我需要隐藏类内容，但我有更多的文章，所以我需要使用类来隐藏它。一些想法？

.contentt不是.hed的后代，因此您的方法不起作用。以下是更好的方法：

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

在这里，脚本获取最近的article父级，并在其子级中找到.contentt块。

相关文章：