在span文本周围包裹元素

Question

我有一个span动态填充的.然后标记是

<span class="child">
  John Doe <br>
  johndoe@gmail.com<br>  
  0123456789<br>
</span>

我打算做的是span在第一个文本之前将另一个文本包裹起来<br>.它应该是这样的

<span class="child">
  <span class="firstrow">John Doe</span><br>
  johndoe@gmail.com<br>  
  0123456789<br>
</span>

如何在第一个文本之前检测所有文本<br>并用其周围的类包装另一个文本.

Answer 1

使用jQuery,您可以使用contents(),first()和wrap()方法:

$('.child').contents().first().wrap('<span class="firstrow"></span>'); 

• http://api.jquery.com/contents/
• http://api.jquery.com/first/
• http://api.jquery.com/wrap/

我用这种方法看到的一个警告是,我使用的是类选择器,而不是ID选择器,所以这段代码可能会破坏页面中的多个DOM元素(但这也可能是你想要的,所以这取决于你的上下文).