javascript - jQuery - 通过父类按类获取元素

Question

我有一个包装 div，里面有一个按钮和一个隐藏的 div。按下按钮时，应显示 div。我不想使用 id，因为网页上的结构出现了好几次。什么是正确的 jquery 命令？

HTML

<div class="wrap">

   <div class="button"> see more </div>
   <div class="moreInfos"> Lorem ipsum... </div>

</div>

CSS

.moreInfos{ display: none;}

jQuery

    $(".wrapp").on('click', '.button', function(){

    $(this).parent('.moreInfos').css('display', 'block');
});

score 6 · Accepted Answer

如果单击事件绑定到按钮：

$(this).parent().find(".moreInfos").show();

如果单击事件绑定到包装 div：

$(this).find(".moreInfos").show();

小提琴 http://jsfiddle.net/BeNdErR/acN6R/8/

score 4 · Accepted Answer

你非常亲近。利用parent().find()

$(this).parent().find('.moreInfos').css('display', 'block');

另外，你有一个类型$(".wrapp") extra 'p'.. just$(".wrap")`

你这里还有一个错字：不是diplay，它的display

score -1 · Accepted Answer

尝试使用兄弟姐妹：

$(".wrap").on('click', '.button', function(){

    $(this).siblings('.moreInfos').show();
});

3 回答 3