Используя jQuery, как я могу ссылаться на второй или последний столбец строки таблицы html или по имени класса?

Question

Используя jQuery, как я могу ссылаться на второй или последний столбец строки таблицы html или по имени класса?

0

У меня есть кнопка внутри td таблицы html. Когда я нажимаю на кнопку, я хочу ввести определенный текст во второй, чтобы последний столбец текущей строки.

Я вижу, что могу сделать

 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, если это облегчит ссылку.

leora 14 нояб. 2013, в 05:25

Источник

Теги:

jquery

html-table

1 ответ

Ещё вопросы

Arun P Johny · Accepted Answer · 2013-11-14T01-14-00.000Z

Попробуйте 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')
})

Демо: скрипка

Если вы хотите настроить таргетинг на предыдущую ячейку

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

Демо: скрипка