以下の説明のように、行と列の位置でテーブルの値を選択したいと思います。このテーブルはで使用されたappendToのに方法.tbody私はちょうど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);
});
助けてくれてありがとう
と.parent()
一緒に使用し.prev()
て、必要なデータを取得してみてください。
$(document).on("click", ".open", function () {
var inde = $(this).parent("td").prev().text();
console.log(inde);
});
HTMLにtbody
静的ノードとしてが含まれている場合.tbody
は、の代わりにを使用できますdocument
。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加