Question

如何找到下一个“评论”类并在点击“阅读”后显示它？

<div class="preview">
<div class="messages">
    <div class="msg">
        <div class="circle left"><img src=""></div>
        <div class="name">Lars Mehrhoff</div>
        <div class="sep_20"></div>
        <a href="#" class="read"><i class="icon-comment"></i></a>
        <a href="#" class="reply"><i class="icon-reply"></i></a>
        <a href="#" class="read"><i class="icon-ok"></i></a>
        <a href="#" class="trash"><i class="icon-trash"></i></a>
        <div class="comment">ASD</div>
    </div>

    <div class="clearfix"></div>

    <div class="msg">
        <div class="circle left"><img src=""></div>
        <div class="name">Lars Mehrhoff</div>
        <div class="sep_20"></div>
        <a href="#" class="read"><i class="icon-comment"></i></a>
        <a href="#" class="reply"><i class="icon-reply"></i></a>
        <a href="#" class="read"><i class="icon-ok"></i></a>
        <a href="#" class="trash"><i class="icon-trash"></i></a>
        <div class="comment">ASD</div>
    </div>
</div>

我的jQuery代码是这样的：

    $('.read').click(function(e) {
    $(this).find('.comment').show();
});

$('.comment').hide();

我只会显示“阅读”旁边的评论

Answer 1

您可以使用.siblings()方法：

$(this).siblings(".comment").show();

Answer 2

尝试$(this).siblings('.comment').show();。

Answer 3

您可以尝试以下

$('.read').click(function(e) {

    $(this).parent().find('.comment').show(); 
});

$('.comment').hide();

我希望它可以提供帮助

我怎么能用jQuery找到下一个元素？

3 个答案: