javascript - 从表格单元格中获取项目并附加到同一行中的第一个单元格

Question

如何从表格中的 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>

Answer 1

$('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()
})

Answer 2

遍历每一行并将td所需偏移量处的文本附加到第一行：

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

这是一个演示：http: //jsfiddle.net/pchEG/

Answer 3

循环遍历每个<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/