Q&A
試したコード
せめてコピペで再現できるように配慮願えませんか。
tableにボタンを表示しています。
ボタンクリックのとき、クリック行の1列目のデータを取得したいです。
1列目のデータの取得は分かったのですが、行インデックスの取得の仕方が分かりません。
html
1<html> 2<body> 3 <table> 4 <tr><td>テストA</td><td><button>ボタンA</button></td></tr> 5 <tr><td colspan="2">コメントA</td></tr> 6 <tr><td>テストB</td><td><button>ボタンB</button></td></tr> 7 <tr><td colspan="2">コメントB1</td></tr> 8 <tr><td colspan="2">コメントB2</td></tr> 9 <tr><td colspan="2">コメントB2</td></tr> 10 </table> 11</body> 12</html>
ボタンAやボタンBをクリックしたときの行インデックスを知りたいです。
次のように考えてみましたが、エラーになってしまいます。
Cannot read property 'rowIndex' of undefined
jquery
1var r = $(this).parentNode.rowIndex;
ボタンから行インデックスを取得するにはどうすれば良いでしょうか。
回答2件
0
ベストアンサー
javascript
1$(function(){ 2 $('button').on('click',function(){ 3 var idx=$(this).closest('tr').prop('rowIndex'); 4 console.log(idx); 5 }); 6});
投稿2021/07/21 00:18
総合スコア116724
0
ボタンクリックのとき、クリック行の1列目のデータを取得したいです。
ボタンから行インデックスを取得するにはどうすれば良いでしょうか。
行インデックスは取得していませんが、クリックしたボタンの親の兄で取得できます。
JavaScript
1$("button").click(function() { 2 var s = $(this).parent().prev().text(); 3 alert(s); 4});
投稿2021/07/20 23:46
総合スコア2480
あなたの回答
tips
プレビュー
