1

テーブル内のtdからテキストを取得し、同じ行の最初のtdに挿入するにはどうすればよいですか?--jQueryを使用

<table border=1>
  <tbody>
    <tr>
      <td>APPEND TEXT1 HERE</td>
      <td></td>
      <td>GRAB TEXT1 HERE</td>
    </tr>
    <tr>
      <td>APPEND TEXT2 HERE</td>
      <td></td>
      <td>GRAB TEXT2 HERE</td>
    </tr>
    <tr>
      <td>APPEND TEXT3 HERE</td>
      <td></td>
      <td>GRAB TEXT3 HERE</td>
    </tr>
  </tbody>
</table>
4

3 に答える 3

3
$('table td:first-child').text(function(){
    return $(this).siblings().last().text()
})

http://jsfiddle.net/VdjN8/

テキストを追加したい場合(置換する代わりに):

$('table td:first-child').text(function(i, c){
    return c + ' ' + $(this).siblings().last().text()
})
于 2012-12-13T17:45:10.613 に答える
2

それぞれをループして、最後の子要素から<tr>を取得します。.html()<td>

$('tr').each(function(idx){
  var appendToNode = $(this).find('td:first-child');
  // And append to the existing HTML.
  appendToNode.html(appendToNode.html() + $(this).find('td:last-child').html());
});

http://jsfiddle.net/Lvfwt/

于 2012-12-13T17:44:16.953 に答える
2

各行を繰り返しtd、目的のオフセットのか​​ら最初の行にテキストを追加します。

$('tr').each(function(){
    $(this).find('td').eq(0).append($(this).find('td').eq(2).text());
});

これがデモンストレーションです:http://jsfiddle.net/pchEG/

于 2012-12-13T17:44:03.797 に答える