Question

我正在制作一个评论系统原型。由于会有多个帖子要评论。我正在通过在单击按钮＆＃34;发送评论＆＃34;时插入文本来测试它。单击此按钮时，它应搜索父级以查找空注释

并使用占位符文本附加它，但它没有执行任何操作。

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也是父母的下一个兄弟。

＆＃13;

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

＆＃13;

<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>

＆＃13;

jQuery找到当前DOM之外的元素不起作用

1 个答案: