3

ここに2行のテーブルがあります。最初のテーブル行のチェックボックスをクリックすると、次のテーブル行のスパンの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);
   });
});
4

2 に答える 2

6

これを試して：

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

フィドルの例

于 2012-11-15T17:24:42.157 に答える
2 
$(document).ready(function() {
   var myCheck = $("tr#row-a td input");

   myCheck.change(function(){
   var spanID = myCheck.parents("tr").next().find('span').attr('id');
   alert(spanID);
   });
});

変更は次の行にあります。

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

これは次のことを行います。

  • チェックボックスのtr親を検索します
  • 次の兄弟ノードを取得します（next tr）
  • を検索しますspan
  • IDを取得します
于 2012-11-15T17:24:29.310 に答える