jQuery在當前DOM之外查找元素不起作用

Question

我正在建立一個評論系統的原型。 由於將有多個帖子要評論。 我正在通過在單擊“發送評論”按鈕時插入文本進行測試。 單擊此按鈕時，它將搜索父級以查找空注釋

並附加占位符文本，但是它什么也沒做。

HTML

<form class="comment-box">
    <textarea placeholder="Enter your comment here"></textarea>
    <span class="brand-color">0/400</span>
    <a class="btn submit-comment">Send comment</a>
</form>
<p class="empty-comment">

</p>

jQuery的

$('.submit-comment').click(function() {
    event.preventDefault();
    $(this).parent().find('.empty-comment').append('comment inserted');
});

的jsfiddle

Answer 1

this不是字符串， .empty-comment也是.empty-comment的下一個同級。

 $('.submit-comment').click(function(event) { event.preventDefault(); $(this).parent().next('.empty-comment').append('comment inserted'); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <form class="comment-box hide"> <textarea placeholder="Enter your comment here"></textarea> <span class="brand-color">0/400</span> <a class="btn right submit-comment">Send comment</a> </form> <p class="empty-comment"> </p>