Javascript jQuery选择下一个表行

我这里有两排桌子。当我单击第一个表行中的复选框时，我正试图在下一个表行中定位跨度的ID。我的代码中有一个警报，只是为了告诉我我成功了

我的东西坏了。当单击第一行中的复选框时，我想不出一种方法来选择下一个表行中的数据

<table>
<tr id="row-a">
<td>
    <input type="checkbox">
    <span>
        some text
    </span>
</td>
</tr>
<tr>
<td>
    <span id="target">
        some text
    </span>
</td>
</tr>
</table>

$(document).ready(function() {
   var myCheck = $("tr#row-a td input");

   myCheck.change(function(){
   var spanID = $("tr#row-a').next('tr').find('span').attr('id');
   alert(spanID);
   });
});

一些文本
一些文本
$（文档）.ready（函数（）{
var myCheck=$（“tr#row-a td输入”）；
myCheck.change（函数（）{
var spanID=$（'tr#row-a'）.next（'tr'）.find（'span'）.attr（'id'）；
警报（spanID）；
});
});

这方面的变化是：

   var spanID = myCheck.parents("tr").next().find('span').attr('id');

以下哪项功能：

• 查找复选框的

  tr

  父项
• 获取下一个同级节点（next

  tr

  ）
• 查找

  span

• 获取其id

试试这个：

var myCheck = $("tr#row-a td input");
myCheck.change(function(){
    var spanID = $(this).closest('tr').next().find('span').attr('id');
    alert(spanID);
});

---

并且我正在使用的表在TRs上没有唯一标识符，除了我有复选框的那一行。您正在查找

$（this）。最近（'tr'）

，而不是

$（'tr#row-a'）

var myCheck = $("tr#row-a td input");
myCheck.change(function(){
    var spanID = $(this).closest('tr').next().find('span').attr('id');
    alert(spanID);
});