Jqueryでテーブルの列で指定する行のインデックスと値を見つける方法は？

Question

私のテーブルの値を行と列の位置で以下のように選択したいのですが。 このテーブルは、.tbodyセレクタにappendTo方法で使用されていたと私はちょうど2つの行のを示し、私は.Openセレクタがユーザーのために使用されたた行のそれぞれが取得する]をクリックし、以下のように、私はより多くの行を持っていますの値、列番号4、その行の現在の位置またはインデックス。

ここではHTML：

<table class"mytable"> 
    <tbody class="tbody"> 
     <tr> 
      <td>1</td> 
      <td>THB-PP-000001</td> 
      <td>1005-000001</td> 
      <td>100</td> //this is the column id I want to get it 
      <td><button type="button" class="open"> Open by Id </button></td> 
     </tr> 
     <tr> 
      <td>1</td> 
      <td>THB-PP-000001</td> 
      <td>1005-000001</td> 
      <td>101</td> //this is the column id I want to get it 
      <td><button type="button" class="open"> Open by Id </button></td> 
     </tr> 
    </tbody> 
</table> 

これはJSです：

$(document).on("click", ".open", function() { 

    var inde = $("table tbody tr td:nth-child(4)").text(); 
    console.log(inde); 
}); 

感謝ヘルプ

Answer 1

ため

$(document).on("click", ".open", function() { 
    var inde = $(this).parent("td").prev().text(); 
    console.log(inde); 
}); 

、あなたに必要なデータを取得するために .prev()とともに .parent()を使用してみてください

あなたのhtmlがtbodyを静的ノードとして持つ場合は、documentの代わりに.tbodyを使用できます。