如何從<a>元素中查找<tr>元素的ID？

我有HTML這樣的，我想<tr id="Box<%# Eval("Id") %>"當我在5標籤點擊，使用jQuery如何從<a>元素中查找<tr>元素的ID？

請注意，這是我的ItemTemplate，所以有很多的項目有相同的HTML，

<tr id="Box<%# Eval("Id") %>" style="height: 30px;"> 
     <td> 
      <div class="LanguageName"><%# Eval("LanguageName")%></div> 
     </td> 
     <td text-align: center;"> 
      <a href="javascript:fun1(1)"></a> 
      <a href="javascript:fun1(2)"></a> 
      <a href="javascript:fun1(3)"></a> 
      <a href="javascript:fun1(4)"></a> 
      <a href="javascript:fun1(5)"></a> 
     </td>

請看看這裏的2項：http://jsfiddle.net/bThbL/

所以，當我從TD任何<a>點擊，我婉得到父母tr ID

來源

2012-11-15 ALAN

試試這個，

Live Demo

idofTr = $(this).closest('tr').attr('id');

來源

2012-11-15 16:41:52 Adil

不爲我工作:( – ALAN

http://jsfiddle.net/bThbL/ – ALAN

檢查現場演示，我爲你做。 – Adil

可以用這個

$(this).closest('tr')[0].id // DOM Object

OR使用.closest()

$(this).closest('tr').attr('id'); // jQuery Object

來源

2012-11-15 16:44:18

http://jsfiddle.net/bThbL/1/，不工作 – ALAN

你已經設置了moo工具的框架..將其更改爲jQuery ..另外$（this）沒有上下文，因爲你沒有傳遞這個對象..這將是窗口對象根據你的功能 –

通過這種方式href =「javascript ：SetRead（1，this）「和函數SetRead（val，elem）alert（$（elem）.closest（'tr'）。attr（'id'））; } –

HTML：

<a onclick="fun1.call(this,1)"></a>

腳本：

function fun1(val){ 
    var trId = this.parentNode.parentNode.id; 
}

BTW不，如果沒有必要，以避免資源浪費使用JQuery。

來源

2012-11-15 16:45:18 LittleSweetSeas

嗨，我更新請檢查出來：jsfiddle.net/bThbL/4 – ALAN

它的工作原理：使用「onclick」而不是「href」來避免丟失「this」引用。然後，您可以使用我的方法或其他人的方法來獲取ID。在你的jsfiddle上，你可以在第一個「1」按鈕上找到它。 – LittleSweetSeas

如何從<a>元素中查找<tr>元素的ID？

回答

相關問題