如何在javascript中找到我刚才单击的行

如何在javascript中找到我刚才单击的行,javascript,html,Javascript,Html,我找不到我问题的适当答案。我在表中有行,每行包含一个按钮。如何找到我刚才单击的按钮的行索引 <tr> <td>111</td> <td>aaa</td> <td><input type="submit" name="first" id="first" value="First" onclick="countRow(this.id)" /></td> </tr>

我找不到我问题的适当答案。我在表中有行,每行包含一个按钮。如何找到我刚才单击的按钮的行索引

<tr>
    <td>111</td>
    <td>aaa</td>
    <td><input type="submit" name="first" id="first" value="First" onclick="countRow(this.id)" /></td>
  </tr>
  <tr>
    <td>222</td>
    <td>bbb</td>
    <td><input type="submit" name="sec" id="second" value="Second" onclick="countRow(this.id)" /></td>
  </tr>
  <tr>
    <td>333</td>
    <td>ccc</td>
    <td><input type="submit" name="third" id="third" value="Third" onclick="countRow(this.id)" /></td>
  </tr>

111
aaa
222
bbb
333
ccc

尝试将其用于表格单元格选择器和选定单元格的操作

http://www.redips.net/javascript/table-td-merge-split/

尝试将其用于表格单元格选择器和选定单元格的操作

http://www.redips.net/javascript/table-td-merge-split/

使用tbody标记和这个javascript

函数countRow(id){
var table=document.getElementById('dataTable')
var tbody=table.getElementsByTagName('tbody')[0]
var rows=tbody.getElementsByTagName('tr');
对于(i=0;i

111
aaa
222
bbb
333
ccc

使用tbody标记和此javascript

函数countRow(id){
var table=document.getElementById('dataTable')
var tbody=table.getElementsByTagName('tbody')[0]
var rows=tbody.getElementsByTagName('tr');
对于(i=0;i

111
aaa
222
bbb
333
ccc
如果我们将
nodeList
强制转换为数组,请使用数组的
indexOf
原型

将参数作为
this
(当前元素)而不是
this.id传递

试试这个:

函数计数行(elem){
var treelement=elem.parentElement.parentElement;
var tr=document.getElementsByTagName('tr');
tr=Array.prototype.slice.call(tr);
警报(tr.indexOf(trElement));
}

111
aaa
222
bbb
333
ccc
如果我们将
nodeList
强制转换为数组,请使用数组的
indexOf
原型

将参数作为
this
(当前元素)而不是
this.id传递

试试这个:

函数计数行(elem){
var treelement=elem.parentElement.parentElement;
var tr=document.getElementsByTagName('tr');
tr=Array.prototype.slice.call(tr);
警报(tr.indexOf(trElement));
}

111
aaa
222
bbb
333
ccc

我假设您想知道
元素的id

<td><input type="submit" name="first" id="first" value="First" onclick="countRow(this.id)" /></td>

我假设您想知道
元素的id

<td><input type="submit" name="first" id="first" value="First" onclick="countRow(this.id)" /></td>
$('input[type=submit')。单击(function(){
var trid=$(this).closest('tr').attr('id');//表行id
$('div').text(trid);
});

111
aaa
222
bbb
333
ccc
显示当前单击行的id:
$('input[type=submit')。单击(function(){
var trid=$(this).closest('tr').attr('id');//表行id
$('div').text(trid);
});

111
aaa
222
bbb
333
ccc

显示当前单击行的id:
你能为每个tr添加一个onclick处理程序吗?我希望你会欢迎使用jquery的任何答案。你能为每个tr添加一个onclick处理程序吗?我希望你会欢迎使用jQueryTanks的任何答案。男士,非常感谢bt yanks先生首先回复我,我必须接受他的答案。谢谢,男士,非常感谢byanks先生先回答我,我必须接受他的回答。不客气。我帮助过你,也帮助过我自己,我为我编写的代码越多越好。不客气。我帮助过你,我也帮助过我自己,我为我编写的代码越多越好。我运行了你的代码并为我工作。不管怎样,我看到你的问题现在已经解决了,干杯!我运行了你的代码,正在为我工作或者我..不管怎样我看到你的问题现在解决了,干杯!