[解決済み] 既存の非順序型リストにリストアイテムを追加する方法
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で使用しているものと逆のタイプの引用符を使用する必要があります。つまり、属性でダブルクォートを使っているので、コードをシングルクォートで囲みます。
関連
-
[解決済み] 要素外でのクリックを検出するにはどうすればよいですか?
-
Uncaught SyntaxError: 予期しない入力の終了
-
[解決済み] jQueryで要素が非表示になっているかどうかを確認するには?
-
[解決済み] 配列に特定のインデックスで項目を挿入する方法 (JavaScript)
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] jQueryでテーブルの行を追加する
-
[解決済み] jQueryを使ってドロップダウンリスト(セレクトボックス)から選択されたテキストを取得する
-
[解決済み】別のウェブページにリダイレクトするにはどうすればいいですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
echarts-all.js:1 Uncaught TypeError: nullのプロパティ'getAttribute'を読み取ることができません。
-
[解決済み] jquery 3.0 url.indexOfエラー
-
[解決済み] jquery mobileでページ中央のグリッド表示
-
[解決済み] 選択オプション「selected」を値で設定する
-
[解決済み] jQueryを使って「Please Wait, Loading...」というアニメーションを作成するにはどうすればよいですか?
-
[解決済み] Twitter Bootstrapのモーダルウィンドウを閉じないようにする
-
[解決済み] jQueryでtextareaの値を設定する
-
[解決済み] jQueryの複数要素の同一クリックイベント
-
[解決済み] jQueryを使ってロールオーバー時に画像ソースを変更する
-
[解決済み] jQuery: outer html() [重複]。