jquery - 查找最近的类实例

Question

我有一个带有回复选项的评论列表。单击回复按钮时，评论下方应出现一个表单。

HTML：

<div id="" class="comment">
    <div class="comment-message">Message
        <div class="information"> 
            <a id="" class="comment-reply" href="/comments/reply/"> Reply </a>
        </div>
    </div>
</div>
<div class="test">Test</div>

CSS：

.test{display:none;}

jQuery：

 $('.comment-reply').live("click", function(e) {
    e.preventDefault();
    $this = $(this);
    $this.closest('.test').toggle();
});

我尝试过使用以下内容：

$this.closest('.test').toggle();

对此的任何帮助将不胜感激，谢谢。

Answer 1

如果您的 html 结构相同，那么您可以在下面尝试，

$(this).closest('.comment').next().toggle()

如果该Reply部分和testthen 之间有一些元素，请使用.nextAll

$(this).closest('.comment').nextAll('.test').toggle()

Answer 2

试试这个：

如果您有其他最接近的元素，而不仅仅是带有 class 的注释.test，您需要确保获得正确的元素，执行以下操作：

$(this).closest('.comment').next('.test').toggle();