Как удалить тег 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/