如何删除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/