Question

我想用Jquery从A标签中选择br标签并用div包装它。

我是开发Chrome扩展程序的第三方开发人员，我可以使用以下数据：

<div id="indiv" style="font-size: 12px">
    <a href="/?side=profiles&id=60438"><span style="color: #2498E0">Esmeralda Angelseye</span></a> (21:12): content here
    <br>

    <a href="/?side=profiles&id=39818"><span style="color: #800909">Ernest Ferdinand Solis</span></a> (21:09): content here
    <br>

    <a href="/?side=profiles&id=60438"><span style="color: #2498E0">Esmeralda Angelseye</span></a> (21:12): content here
    <br>

    <a href="/?side=profiles&id=39818"><span style="color: #800909">Ernest Ferdinand Solis</span></a> (21:09): content here
    <br>
</div>

如你所见，每一个“帖子”都分别以第一个和第一个结尾。

我不知道我应该如何接近，我测试过一些疯狂的事情，如：

$("<div>").insertBefore("#indiv a");
$("</div>").insertAfter($("#indiv a").next().next());

Jquery在div之后自动追加/ div ..

我最终希望它看起来像：

<div id="indiv" style="font-size: 12px">
    <div>
      <a href="/?side=profiles&id=60438"><span style="color: #2498E0">Esmeralda Angelseye</span></a> (21:12): content here
      <br>
    </div>

    <div>
      <a href="/?side=profiles&id=60438"><span style="color: #2498E0">Esmeralda Angelseye</span></a> (21:12): content here
      <br>
    </div>

    <div>
      <a href="/?side=profiles&id=60438"><span style="color: #2498E0">Esmeralda Angelseye</span></a> (21:12): content here
      <br>
    </div>

    <div>
      <a href="/?side=profiles&id=60438"><span style="color: #2498E0">Esmeralda Angelseye</span></a> (21:12): content here
      <br>
    </div>
</div>

有希望吗？

Answer 1

就在我的头顶。添加两个元素类inner。有了这样的Jquery：

$('#indiv div a').addClass('inner')

为br做同样的事。

或手动添加。

<a class="inner" href="/?side=profiles&id=60438"><span style="color: #2498E0">Esmeralda Angelseye</span></a> (21:12): content here
          <br class="inner">

并且两者都受到了保护。

$('.inner').wrapAll('<div></div>');

使用带有jquery的div包装多个选定元素

1 个答案: