作者lenki (天气放晴吧…)
看板Ajax
标题[问题] jQuery 的 wrap 如何加入 span 标签？
时间Fri Nov 12 12:06:17 2010
目前有 ul 如下：
<ul id="nav">
<li><a href="#">Item 1</a>
<ul>
<li>Item 1-1</li>
<li>Item 1-2</li>
<li>Item 1-3
<ul>
<li>Item 1-3-1</li>
<li>Item 1-3-2</li>
</ul>
</li>
<li>Item 1-4</li>
<li>Item 1-5</li>
</ul>
</li>
<ul>
我使用：
$('#nav ul').parent().each(function () {
$(this).wrapInner('<span class="floder"></span>');
结果(不是我想要的)：
<UL id="nav">
<LI>
<SPAN class="floder" jQuery1289533733233="2">
<A href="">Item 1</A>
<UL>
<LI>Item 1-1 </LI>
<LI>Item 1-2 </LI>
<LI>
<SPAN class="floder" jQuery1289533733233="4">Item 1-3
<UL>
<LI>Item 1-3-1 </LI>
<LI>Item 1-3-2 </LI>
</UL>
</SPAN>
</LI>
</SPAN>
</LI>
<LI>Item 1-4 </LI>
<LI>Item 1-5 </LI>
</UL>
请问要如何写才能变成下方所示：
<UL id="nav">
<LI>
<SPAN class="floder" jQuery1289533733233="2">
<A href="">Item 1</A>
</SPAN>
<UL>
<LI>Item 1-1 </LI>
<LI>Item 1-2 </LI>
<LI>
<SPAN class="floder" jQuery1289533733233="4">Item 1-3
</SPAN>
<UL>
<LI>Item 1-3-1 </LI>
<LI>Item 1-3-2 </LI>
</UL>
</LI>
</LI>
<LI>Item 1-4 </LI>
<LI>Item 1-5 </LI>
</UL>
若知道的请教我一下，谢谢。
--
-----
就算是friend 最後还是会end
就算是believe 中间还是藏lie
就算是lover 最终还是会over
就算是fuck 起初也要有fu
就算是forget 至少曾经有get
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 59.124.192.224
1F：推 rockmanalpha:ul.parent().find("a").wrap 试试 11/12 12:59
2F：推 rockmanalpha:我好像误会了楼主的意思，无视上面 11/12 13:07
3F：推 LPH66:.children(":first").wrap 这样呢? 11/12 14:19
4F：→ lenki:to LPH66: 你的方法有 children 标签才有用，如果 li 後面接 11/17 09:01
5F：→ lenki:的文字没有标签包着就会包到 ul 标签 11/17 09:02
6F：→ dlikeayu:我的解法是，先标记子层有ul的li(给class之类的) 11/18 13:39
7F：→ dlikeayu:然後把该ul存在一个变数并移除，接着unwrap该li 11/18 13:40
8F：→ dlikeayu:最後append回给该li 11/18 13:40