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/

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

3 个答案: