Question

我有这样的HTML，当我点击5标签时，我希望得到<tr id="Box<%# Eval("Id") %>"，使用jquery

请注意这是我的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>

请看这里有两个项目：http://jsfiddle.net/bThbL/

所以当我点击来自td的任何<a>时，我想得到父tr id

Answer 1

试试这个，

<强> Live Demo

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

Answer 2

可以使用此

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

或使用.closest()

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

Answer 3

HTML：

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

脚本：

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

如果不需要，BTW不要使用JQuery来避免资源浪费。

如何从<a> element?</a>内找到元素的ID

3 个答案: