3

点击“阅读”后如何找到下一节课的“评论”并显示?

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

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

4

3 回答 3

4

您可以使用以下.siblings()方法:

$(this).siblings(".comment").show();
于 2013-04-30T13:57:26.873 回答
1

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

于 2013-04-30T13:56:30.597 回答
0

您可以尝试以下方法

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

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

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

我希望它可以帮助

于 2013-04-30T14:03:22.093 回答