jquery - 如何从内部元素中找到元素的ID？

Question

<tr id="Box<%# Eval("Id") %>"我有这样的html，当我点击5标签时，我想得到，使用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>

请在这里查看 2 项：http: //jsfiddle.net/bThbL/

所以当我点击任何<a>来自 td 时，我想获取父trID

Answer 1

尝试这个，

现场演示

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;
}

顺便说一句，如果不需要避免资源浪费，请不要使用 JQuery。