jquery - 如何删除 html 标签并用另一个标签包装它

Question

我正在尝试删除表格单元格下的一些元素。

我的 html 就像

<table>
<tr>
  <td>
     <span>first text</span>
     <span>second text</span>
     <span>third text</span>
  </td>
   <td>
     <span>1st text</span>
     <span>2nd text</span>
     <span>3rd text</span>
   </td>
</tr>
…more

我希望我的 html 成为

<table>
<tr>
  <td>
     <span>first text second text third text</span>
  </td>
   <td>
     <span>1st text 2nd text 3rd text</span>
   </td>
</tr>
…more

我努力了。

$('table td span').contents().unwrap().wrap('<span></span>');

但我得到的结果与原来的结果相同。

有没有办法做到这一点？非常感谢！

Answer 1

需要迭代每个td并使用wrapAll而不是wrap：

$('table td').each(function() {
    $(this).find('span').contents().unwrap().wrapAll('<span></span>');
})

http://jsfiddle.net/gNMCh/