jquery中包裹节点

2021-06-11 20:02

阅读:370

标签:net   ack   oct   文字   script   style   inner   doc   api   

1.介绍

  技术分享

 

2.程序

 1 DOCTYPE html>
 2 html>
 3 head>
 4 meta charset="UTF-8">
 5 title>Insert title heretitle>
 6 script type="text/javascript" src="jquery-3.2.1.min.js">script>
 7 script type="text/javascript">
 8     $(function(){
 9         //包装 li 本身
10         $("#game li").wrap("");
11         
12         //包装所有的 li
13         $("#city li").wrapAll("");
14 
15         //包装 li 里边的文字. 
16         $("#language li").wrapInner("");
17     })
18 script>
19 head>
20 body>
21     p>你喜欢哪个城市?p>
22     ul id="city">
23         li id="bj" name="BeiJing">北京li>
24         li>上海li>
25         li id="dj">东京li>
26         li id="se">首尔li>
27     ul>
28 
29     br>
30     br>
31     p>你喜欢哪款单机游戏?p>
32     ul id="game">
33         li id="rl">红警li>
34         li>实况li>
35         li>极品飞车li>
36         li>魔兽li>
37     ul>
38 
39     br>
40     br>
41     p>你喜欢哪种开发语言?p>
42     ul id="language">
43         li>Cli>
44         li>Javali>
45         li>.NETli>
46         li>PHPli>
47     ul>
48 body>
49 html>

 

jquery中包裹节点

标签:net   ack   oct   文字   script   style   inner   doc   api   

原文地址:http://www.cnblogs.com/juncaoit/p/7290936.html


评论


亲,登录后才可以留言!