>웹 프론트엔드 >HTML 튜토리얼 >一个问题,页面加载完成后 怎么用js 添加html标签 ._html/css_WEB-ITnose

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

WBOY
WBOY원래의
2016-06-21 09:25:59926검색

<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(...)也行的 因为你的菜单三既是最后一个 同时也是第三个位置……

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.