☰

既存の順序なしリストにリスト項目を追加する方法 質問する

tag-icon • tag-icon jquery jquery-append
既存の順序なしリストにリスト項目を追加する方法 質問する

次のようなコードがあります:

<div id="header">
    <ul class="tabs">
        <li><a href="/user/view"><span class="tab">Profile</span></a></li>
        <li><a href="/user/edit"><span class="tab">Edit</span></a></li>
    </ul>
</div>

jQuery を使用して、次のものをリストに追加したいと思います。

<li><a href="/user/messages"><span class="tab">Message Center</span></a></li>

私はこれを試しました:

$("#content ul li:last").append("<li><a href="/user/messages"><span class="tab">Message Center</span></a></li>");

しかし、これでは、新しいタグが最後(終了タグの直前)li に追加され、その後には追加されません。これを追加する最適な方法は何ですか?lili

ベストアンサー1

こうすればできます:

$("#header ul").append('<li><a href="/user/messages"><span class="tab">Message Center</span></a></li>');

2つのこと:

  • <li>を 自体に追加するだけです<ul>。
  • HTML で使用しているものとは逆の種類の引用符を使用する必要があります。属性では二重引用符を使用しているため、コードを一重引用符で囲みます。

おすすめ記事