我有以下星座:
<dl>
<dt>Content</dt>
<dd>123</dd>
<dt>Content</dt>
<dd>123</dd>
<dt>Content</dt>
<dd>123</dd>
</dt>
我希望在不编辑源代码的情况下实现以下目标:
<dl>
<dt>Content</dt>
<dd>123</dd>
</dl>
<dl>
<dt>Content</dt>
<dd>123</dd>
</dl>
<dl>
<dt>Content</dt>
<dd>123</dd>
</dt>
我尝试了以下jQuery:
$('dd:not(:last-child)').after($('</dl><dl>'));
问题是,jQuery似乎自己纠正了代码,因此输入<dl></dl>
而不是</dl><dl>
。
有没有可能插入这个&#34;无效&#34;代码,它在页面的上下文中有效吗?
答案 0 :(得分:1)
试试这个:http://jsfiddle.net/6cNNS/
$('dd').each(function(){
$(this).prev('dt').andSelf().wrapAll($('<dl></dl>'));
});
$('dl:first').after($('dl:first').children());
$('dl:first').remove();