javascript - 每次在同一行内选中复选框时获取具有特定id的td文本

Question

当选中该复选框时，有没有办法从与复选框相同的行获取 td 的文本？

例如在此表中:

<tr id="1">
    <td id="date"> Mon, 20 Feb 2017 </td>
    <td id="from" >mymail@gmail.com </td>
    <td id="subject"> Hello World! </td>
    <td> <input id ={{d.id}} type="checkbox" name="mycheckbox"/> </td>
</tr>
<tr id="2">
    <td id="date"> Sun, 19 Feb 2017 </td>
    <td id="from" >mymail@gmail.com </td>
    <td id="subject"> Hello again World! </td>
    <td> <input id ={{d.id}} type="checkbox" name="mycheckbox"/> </td>
</tr>

如果我单击第二行上的复选框，我想提醒该行的主题，即“世界再次你好”。

到目前为止，我已经尝试过 .parent() 、 .siblings() 和 closest() ，但没有运气。

Answer 1

我用过这种方式:

<table id="table">
<tr>
    <td> Mon, 20 Feb 2017 </td>
    <td>mymail@gmail.com </td>
    <td class="subject"> Hello World! </td>
    <td> <input type="checkbox" /> </td>
</tr>
<tr>
    <td> Sun, 19 Feb 2017 </td>
    <td>mymail@gmail.com </td>
    <td class="subject"> Hello again World! </td>
    <td> <input type="checkbox" /> </td>
</tr>  
</table>
<script>
  $('#table').on('click',':checkbox',function(){
    alert($(this).closest('tr').find('.subject').text());
  });
</script>

PS:为了清楚起见，我已删除所有未使用的信息

id 属性在整个 html 文档中必须是唯一的，切勿对多个元素使用相同的 id。