javascript - Jquery html 最后插入

Question

嗨，我必须使用 Jquery html() 在 html 中添加代码，问题是我需要在最后一个元素上添加它。我当前的 Html 如下所示：

<div class="column column-sub-alpha " id="user_reviews_list">
  <div id="review_lister_header">
    <h3 id="recentReviews">Recent Reviews</h3>
      <p class="formNote">
      <a href="#">2 Reviews</a>
      </p>
  </div>
        <!-- need to add here from Jquery -->
</div>

我的 jquery 代码如下所示：

var userReviewHtml = '<p>Hello</p>';
$('#user_reviews_list').html(userReviewHtml);

当我使用html()带有 id 的 div 时，review_lister_header尽管它正确附加。我该如何克服这个问题？

Answer 1

您可以使用append：

$('#user_reviews_list').append(userReviewHtml);

Answer 2

html()方法替换元素的所有内部 html。用于在元素末尾append()插入

API参考：http: //api.jquery.com/append/

Answer 3

您应该使用 append 添加一个新元素来结束：

$('#user_reviews_list').append(/*your new element*/);