2

テーブルセルの下にあるいくつかの要素を削除しようとしています。

私の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>');

しかし、元の結果と同じ結果が得られました。

とにかくこれを行うことはありますか？どうもありがとう！

4

1 に答える 1

5

それぞれを繰り返し、代わりにtd使用する必要があります:wrapAllwrap

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

http://jsfiddle.net/gNMCh/

于 2013-08-14T21:50:27.853 に答える