ページが読み込まれた後、js を使用して HTML タグ ._html/css_WEB-ITnose を追加する方法について質問です。

WBOY
リリース: 2016-06-21 09:25:59
オリジナル
907 人が閲覧しました

<ul><li><a>菜单一</a></li><li><a >菜单二</a></li><li><a >菜单三</a></li></ul>
ログイン後にコピー


ページがロードされた後にこのナビゲーションがある場合、メニューの上下にさらにいくつかのメニューを追加したいです

<ul><li><a>菜单一</a></li><li><a >菜单二</a></li><li><a >菜单三</a><ul id="subNav_1" class="sub_nav"><li><a href="#">菜单三-1</a></li><li><a href="#">菜单三-2</a></li></ul></li></ul>
ログイン後にコピー



これは可能ですか


ディスカッションに返信 (解決策)

$(document).ready(function(){$("ul li:last").append('<ul id="subNav_1" class="sub_nav"><li><a href="#">菜单三-1</a></li><li><a href="#">菜单三-2</a></li></ul>');});
ログイン後にコピー

さらに、アウター UL を区別するためにクラスまたは ID を設定するのが最善です。また、アウターを区別するためにクラスまたは ID を設定するのが最善です。 ul.

これを正しくするにはどうすればよいですか? メニュー 3 の li li の間に埋め込むにはどうすればよいですか?これをメニュー 3 に正しく埋め込むことができますか?

JQuery はどのようにして特定の要素または要素のタイプを選択しますか?
JQuery の追加関数は、指定された要素の最後に HTML を追加することです
もちろん、 $("ul li:eq(2)") ここで .append(...) も機能します。これは、メニュー 3 が最後と 3 番目の位置の両方であるためです...

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート