使用 $this 和 .find 在另一个 div 中查找 div

Question

我在一页上有多个评论表单，在 ajax 调用后需要将评论附加到 cmetsholder div。但目前它把它添加到所有，不知道如何只将它添加到当前的 div。

所以 cmets 部分如下所示：

<div class="commentson">
<div class="commentsholder"> All THE COMMENTS IN HERE </div>
    <form class="addcomment" action="process/addcomment.php" method="post">
        <div class="commentbutton">
        <input type="text" maxlength="250" name="addpostcomment" class="addpostcomment" placeholder="Add Comment... (max 60 characters)" />
        <input type="submit" id="addcommentbutton" class="addcommentbutton" value="Post" disabled/>
        </div>
        <span class="countdownCommentLength"></span>
    </form>
</div>

jQuery 追加：

$( ".commentsholder" ).append("New Comment");

cmets div 内还有其他形式等，但我需要做的只是将注释附加到当前使用的 cmetson div 中的 cmets 持有人。

Answer 1

您所要做的就是在 jQuery 选择器中添加父项和子项：

$( ".commentson .commentsholder" ).append("New Comment");

但是如果你有多个 .cmetsholder 那么你可以使用：

$(this).parent(".commentsholder ").append("New Comment");

$(this) 是当前点击的“按钮”

Answer 2

如果this 上下文是添加评论按钮，请尝试此操作

$(this).closest('form').prev().append($(this).siblings('.addpostcomment').val());

Answer 3

this 上下文取决于您尝试执行此操作的位置。如果您在 ajax 调用 (after an ajax call need to append the comment) 中执行此操作，则可以执行以下操作。

 $('.addcommentbutton').click(function(){
     var $this = $(this); //cache it here

     //your ajax call
     $.ajax({
        ....
        success: function(){
           $this.closest('.addcomment').prev().append(newComment);
           //or
           //$this.closest('.commentson').find('.commentsholder').append(...);
        }
     });

 });