使用jQuery,我如何引用html表行的倒数第二列或类名?

时间:2013-11-14 03:33:51

标签: jquery html-table

我在html表的td中有一个按钮。当我点击按钮时,我想在当前行的倒数第二列中输入某些文本。

我知道我可以做到

 td:first

td:nth-child(3)

但是如何引用当前表的倒数第二列?

 <table> 
  <tr><th>1</th><th>2</th></tr>
  <tr><td></td><td><input type='button' class="myButton"></td></tr>
 </table>

或者,我可以在列td上放置一个类名,如果这样可以更容易引用它。

1 个答案:

答案 0 :(得分:5)

尝试nth-last-child

$(currentrow).find( "td:nth-last-child(2)" ).append( content );

例如:

$('.myButton').click(function () {
    $(this).closest('tr').find('td:nth-last-child(2)').text('asdf')
})

演示:Fiddle

如果你想定位按钮的前一个单元格,那么

$('.myButton').click(function () {
    $(this).parent().prev().text('asdf')
})

演示:Fiddle