0
<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.

4

3 回答 3

3

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

$('button').click(function(){
    $(this).next('.example').show();
});
于 2012-04-29T03:23:37.227 回答
1

这将完全按照您所说的进行:

$('button').click(function(){
    $(this).closest('.test').find('.example').show();
});

.example这也适用于您发布的标记,但如果按钮并且不是兄弟姐妹,它将不起作用:

$('button').click(function(){
    $(this).siblings('.example').show();
});
于 2012-04-29T03:22:28.047 回答
0

Hiya在这里为您的案例工作演示:http: //jsfiddle.net/4bLZF/

这使用slideToggle http://api.jquery.com/slideToggle/

代码

  $(document).ready(function () {

    // Watch for clicks on the "slide" link.
    $('button').click(function () {
        $(this).next(".example").slideToggle(400);
        return false;
    });


});​
于 2012-04-29T03:26:57.880 回答