Question

Hi i have to add a code in html using Jquery html(), the problems is i need to add it on last element.My current Html will look as follow:

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

my jquery code will look as follow:

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

When i use html() my div with id review_lister_header is missing although it append correctly. How can i overcome this issue?

Answer 1

You can use append:

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