jQuery - 通过父级逐个获取元素

Question

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

js fiddle

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');
});

Answer 1

如果click事件绑定到按钮：

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

如果click事件绑定到包装div：

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

FIDDLE http://jsfiddle.net/BeNdErR/acN6R/8/

Answer 2

你非常接近。使用parent().find()

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

此外，您有一个类型$(".wrapp") extra 'p'.. just $（“。wrap”）`

此处也有拼写错误：不是diplay，而是display

<强> jsFiddle DEMO

Answer 3

尝试使用siblings：

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

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

小提琴：http://jsfiddle.net/acN6R/5/