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*/);