Question

我可以使用此

获取已指定的行

var clicked_tr = null;
....
clicked_tr = $(this).parent().parent();

但我不知道如何获取专栏，所以如果我有

<table>
  <tr>
    <td>Value1</td>
    <td>Value2</td>
    <td>Value3</td>
    <td><a href="#" class="btn btn-primary btn-xs update" data-toggle="modal" data-target="#updateData" data-id='<? echo $MissingConfNum['uniqueid'] ?>'><span class="fa fa-edit"></span> Update</a></td>
  </tr>
  ....
</table>

如何使用此clicked_tr变量更改第二列上的数据。

将value2更改为nicenicenice

Answer 1

下面：

https://jsfiddle.net/gnbvqLfz/1/

$('#sometable').on('click', 'tr', function()
{
    $clicked = $(this).children('td:nth-child(2)').text('Hello!')
})

我为表提供了一个id，并将click事件绑定到其行。现在$(this)引用所点击的行，$(this).children('td')将引用所点击行的每个td。

Answer 2

我不知道您如何定义clicked_tr，但最好使用delegated event binding和jQuery .closest()而不是两个.parent()来电。< / p>

$(function(){
  $('table').on('click', '.update', function(){
    // value will contain the new value to add to the td
    var value = 'nicenicenice';
    $(this).closest('tr').find('td:eq(1)').html( value );
  });
});

如何使用Jquery更改内部表格单元格中的html

2 个答案: