javascript - 影响当前外部元素中的另一个元素

Question

<div class="test">
 <button>Example</button>
 <div class="example" style="display:none;">Blah</div>
</div>

<div class="test">
 <button>Example</button>
 <div class="example" style="display:none;">Another</div>
</div>

当单击 button 时，我希望 .example 为 .show，但仅限于 .example在当前的 .test 中。

Answer 1

另一种适用于您的特定 HTML 的方法:

$('button').click(function(){
    $(this).next('.example').show();
});