jQuery的parent().find()问题

Question

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

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

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

我如何切换被点击的comment，而不是所有的评论？

谢谢， Pav

- Pav

Answer 1

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

jsFiddle。

- alex

Answer 2

如果您也稍微清理一下HTML（避免使用br标签），我认为这会更简单：

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

- radosch

---

可以了，谢谢。但是每个评论之间将有html标记，所以我不能使用.next()。 - Pav