Home >Web Front-end >HTML Tutorial >一个问题,页面加载完成后 怎么用js 添加html标签 ._html/css_WEB-ITnose

一个问题,页面加载完成后 怎么用js 添加html标签 ._html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-06-21 09:25:59927browse

<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最好设置一个class或id来区分

$(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最好设置一个class或id来区分



怎么能让这个正确的嵌入到 菜单三 的li li 之间喃?


$(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最好设置一个class或id来区分



怎么能让这个正确的嵌入到 菜单三 的li li 之间喃?
Jquery怎么样选择某一个或一类元素
然后jquery的append函数是在指定元素的最后添加html

当然这里你用$("ul li:eq(2)").append(...)也行的 因为你的菜单三既是最后一个 同时也是第三个位置……

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn