1. ホーム
  2. jquery

[解決済み] 既存の非順序型リストにリストアイテムを追加する方法

2022-03-17 19:15:06

質問

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

<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 内側 最後の li (閉じタグの直前)であって、その後ではありません。 このような場合、どのようにすればよいのでしょうか。 li ?

解決方法は?

これならできそうです。

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

2つあります。

  • を付加すればよい。 <li><ul> そのものです。
  • HTMLで使用しているものと逆のタイプの引用符を使用する必要があります。つまり、属性でダブルクォートを使っているので、コードをシングルクォートで囲みます。