Javascript 单击获取表行id

Javascript 单击获取表行id,javascript,html,css,row,Javascript,Html,Css,Row,我有一个标签: <td align="center"> <div class="dropdown"> <button onclick="myFunction()" class="btn btn-default glyphicon glyphicon-picture" id=@TableRowId></button> <div id="myDropdown" class="dropdown-content"&

我有一个
标签:

<td align="center">
   <div class="dropdown">
      <button onclick="myFunction()" class="btn btn-default glyphicon glyphicon-picture" id=@TableRowId></button>
         <div id="myDropdown" class="dropdown-content">
            <a href="#">Show</a>
            <a href="#">Edit</a> 
         </div>
   </div>
</td>
表的图像:

当点击图片图像打开该行的下拉菜单时,我需要获取特定的ID行


我有一个ID迭代器:
@TableRowId
获取行号。

尝试在onclick属性
onclick=“myFunction(this.ID)”中将ID传递给您的函数。
。然后更改函数定义以包含参数
function myFunction(id){…

假设您有一个表,并且
tr
您可以使用
parentNode
检索
tr
id:

函数myFunction(el){
var id=el.parentNode.parentNode.parentNode.id;
console.log(id);
var all=document.querySelectorAll('.dropdown content');
对于(变量i=0;i
。下拉式内容{
显示:无;
}
.表演{
显示:块;
}

点击这里
点击这里
点击这里

行在哪里?图片在哪里?我想当单击图像图标时,打开下拉菜单,我需要知道行id,否则,我每次单击,下拉菜单都是从第一行开始的。检查我的答案。这就是你需要的吗?我想我需要那个div元素:现在下拉到showCheck。这就是你需要的吗?
function myFunction() {
   document.getElementById("myDropdown").classList.toggle("show");
}