jquery - 要素の内側から要素のIDを見つける方法は？

Question

私はこのようなhtmlを持っています、私は<tr id="Box<%# Eval("Id") %>"jqueryを使用して5つのタグをクリックしたときに取得したいです

これは私のものであることに注意してください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 を使用しないでください。