使用jQuery插入“无效”内容

时间:2014-08-02 19:40:56

标签: javascript jquery

我有以下星座:

<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;代码,它在页面的上下文中有效吗?

1 个答案:

答案 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();