javascript - jqueryを使用して特定のdivに要素を動的に追加する方法. コメントを追加したい

Question

入力したコメントが特定の div に追加されるコメント システムを作成したいと考えています。以下は私のコードです。

<ul class="comments">

    <li>
        <a class="commenter_name" href="/">Dushyanth Lion</a>
            comment by user
    </li>
     <li>
         <a class="commenter_name" href="/">Saikat Bhattacharjee</a>
         comment by user
     </li>
</ul>
  <div class="comment_entry">
        <form method="post" action="#">
            <input type="text" placeholder="Leave comment" />
            <input type="submit" style="display:none;" onclick="" />
        </form>
  </div>

私がここで何をしているのか理解できます。コメントが送信された後に「li」を動的に追加する方法を教えてください。

Answer 1

$('.comments').append('<li><a href="#">Foobar</a> Comment</li>');