使用jQuery创建节点、将节点插入到指定的位置
2015-01-18 12:53
309 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="jquery-1.11.1.js"></script> <script type="text/javascript"> $(function (){ //1、创建节点 //2、插入节点,在该节点的子节点的最后面插入 $("<li id='shenzhen'>[shenzhen]</li>").appendTo($("#city")); $("#city").append("<li id='shenzhen'>shenzhen</li>"); //插入结点:在该节点的子节点的最前面插入 $("<li id='math'>数学</li>").prependTo($("#major")); $("#major").prepend("<li id='math'>[数学]</li>"); //把新创建的节点添加到指定节点之后 $("<li id='shenzhen'>shenzhen</li>").insertAfter($("#beijing")); $("#beijing").after("<li id='shenzhen'>[shenzhen]</li>"); //把新创建的节点添加到指定节点之前 $("<li id='shenzhen'>shenzhen</li>").insertBefore($("#beijing")); $("#beijing").before($("<li id='shenzhen'>[shenzhen]</li>")); }); </script> </head> <body> <p>选择你所喜欢的城市?</p> <ul id="city"> <li>哈尔滨</li> <li id="beijing">北京</li> <li>上海</li> <li>广州</li> </ul> <p>选择你所喜欢的专业?</p> <ul id="major"> <li>计算机</li> <li>会计</li> <li>管理学</li> <li>印刷工程</li> </ul> </body> </html>
相关文章推荐
- 使用jQuery创建节点、将节点插入到指定的位置
- 使用jQuery创建节点、将节点插入到指定的位置
- 使用JQuery动态创建元素并插入到合适的位置
- 使用dom4j向xml任意指定位置插入节点
- xml文件指定位置插入节点+小结
- 总结一下jQuery操作元素节点的方法(创建、选择、插入节点)
- dom4j 插入节点到指定位置
- jQuery_创建节点及插入节点
- 在页面的指定位置插入文本——jise使用指南
- 创建一个块定义,并添加实体插入到指定位置
- 【算法之链表(三)】单链表中,在仅允许使用一个指针的情况下,在指定的节点前面插入以及删除一个节点
- 使用sed在一个文件中指定位置插入另外一个文件的内容-r命令的使用
- jquery textarea指定位置插入内容
- 单向链表(三) 在指定位置插入新的节点
- 在页面的指定位置插入文本——jise使用指南
- 使用JavaScript在表中指定位置插入一行
- 改进后的Mylist(双链表)--添加了在指定位置后插入,析构里删除节点MyNode
- 创建元素节点,文本节点以及在指定位置增加节点
- jQuery各种选择器、节点、事件,删除、复制、插入元素的使用方法总结
- 带头节点循环单链表的操作(创建,保序插入,指定插入,删除指定表元,删除相同元素,统计某元素表元个数)