javascript - 如何控制一个div，jquery？

Question

好吧，基本上我无法让它与父级一起工作，因为该类不在父级 div 中。

CSS:

.contentSlide{
    display:none;
}

HTML:

<div class="contentSlide">
    <p>Members image on left and comments on the right. Date floated on right, and link to user.</p>
</div>

<div id="button" class="open">Comments(6) &#x25bc;</div>

JS:

$(".open").live('click',function(){
    $(this).parent(".contentSlide").slideDown();
    $(this).html("Close \u25b2 <span style='float:right;' onclick='reply=true;' class='reply'>Post a <a href='javascript:void(0);'>comment</a></span>").removeClass("open").addClass("close");
});

基本上，我们希望 div 类“打开”以在单击时使“contentSlide”div slideDown。

我们不想使用 $(".contentSlide").slideDown(); 因为我们希望它是全局的，以防我们有多个 contentSlide div 显示在页面上。

Answer 1

对于您提供的 HTML 以及我们必须遵循的所有内容，您可能希望使用 .prev()功能。

$(this).prev().slideDown();

但我建议给它一个 ID 或某种数据类型。