当使用Javascript/JQuery选中某一行中的复选框时，从HTML表中的特定列获取数据

我有一个包含5列的HTML表。第一列是一个复选框。我想在选中该行中的复选框时查找第5列（最后一列）的内容

HTML:

    <table>
     <tr>
      <th></th>
      <th>A</tr>
      <th>B</tr>
      <th>C</tr>
      <th>D</tr>
     </tr>
     <tr>
      <td><input type='checkbox' class="chk" /></td>
      <td>data for A1</td>
      <td>data for B1</td>
      <td>data for C1</td>
      <td>data for D1</td>
     </tr>
     <tr>
      <td><input type='checkbox' class="chk"/></td>
      <td>data for A2</td>
      <td>data for B2</td>
      <td>data for C2</td>
      <td>data for D2</td>
     </tr>
    </table>

此函数仅返回第一行，即当选中复选框时，它显示“D1的数据”。但我希望所有的行都有

谢谢你的帮助。：）

请尝试一次：

$(".chk").on("change", function(){
  var y = $(this).parent().parent().find('td').eq(4).html();
  alert(y);
});//

如果只想在选中复选框的情况下执行此代码，则可以添加

：checked

条件。

请尝试一次：

$(".chk").on("change", function(){
  var y = $(this).parent().parent().find('td').eq(4).html();
  alert(y);
});//

---

如果只想在选中复选框的情况下执行此代码，则可以添加

：checked

条件。

另一种方法基于使用：

$（函数（）{
$（':checkbox'）。在（'click'，函数（e）{
if（this.checked==true）{
var fifthEle=$（this.parent（）.sillides（）.eq（3）；
$（'#logMsg'）.append（''+fifthEle.text（）+'
'）；
}
})
});

A.
B
C
D
A1的数据
B1的数据
C1的数据
首被告的资料
A2的数据
B2的数据
指挥与控制数据
D2的数据
另一种方法基于使用：


$（函数（）{
$（':checkbox'）。在（'click'，函数（e）{
if（this.checked==true）{
var fifthEle=$（this.parent（）.sillides（）.eq（3）；
$（'#logMsg'）.append（''+fifthEle.text（）+'
'）；
}
})
});

A.
B
C
D
A1的数据
B1的数据
C1的数据
首被告的资料
A2的数据
B2的数据
指挥与控制数据
D2的数据
请试试这个

$(document).on('click','input.chk',function(){
    // getting the tds with in the rows in which check exists 
    $tds=$(this).parent().siblings();

    if($(this).is(':checked'))
    {
      $data=$($tds[$tds.length-1]).text();
      alert($data);
    }

  })

请试试这个

$(document).on('click','input.chk',function(){
    // getting the tds with in the rows in which check exists 
    $tds=$(this).parent().siblings();

    if($(this).is(':checked'))
    {
      $data=$($tds[$tds.length-1]).text();
      alert($data);
    }

  })