jQuery parent().find() 问题

jQuery parent().find() problem

提问by Pav

HTML

HTML

<div class="comments">
    <a class="toggle" href="#">Toggle Comment 1</a><br />
    <div class="comment" style="display:none;">
        Comment1
    </div>
    <hr />
    <a class="toggle" href="#">Toggle Comment 2</a><br />
    <div class="comment" style="display:none;">
        Comment2
    </div>
</div>

JavaScript

JavaScript

$(function(){
    $('.toggle').click(function() {
        $(this).parent().find('.comment').slideToggle();
        return false;
    });
});

Can be viewed here: http://jsfiddle.net/saiprex/ESM4m/

可以在这里查看：http: //jsfiddle.net/saiprex/ESM4m/

How i can toggle commentthat's been clicked and not all of them?

我如何切换comment已点击的而不是全部？

Cheers, Pav

干杯，帕夫

回答by alex

$(function(){
    $('.toggle').click(function() {
        $(this).nextAll('.comment:first').slideToggle();
        return false;
    });
});

jsFiddle.

js小提琴。

回答by radosch

its even simpler, I think, when you clean up your html as well a little bit: (avoid br)

我认为，当您稍微清理 html 时，它甚至更简单：（避免使用 br）

http://jsfiddle.net/ESM4m/27/

http://jsfiddle.net/ESM4m/27/

<div class="comments">
    <a class="toggle" href="Fork#">toggle</a>
    <div class="comment" style="display:none;">
        Comment1
    </div>
    <hr />
    <a class="toggle" href="#">toggle</a>
    <div class="comment" style="display:none;">
        Comment2
    </div>
</div>




$(function(){
    $('.toggle').click(function() {
        $(this).next().slideToggle();
        return false;
    }); 
});