2009-05-28 14 views
2

私は、HTMLテーブルのすべての行のテーブルセルにリンク(アンカー)タグを持っています。 このアンカータグをクリックすると、jquery(できれば)を使用して親のtdとtrに行き渡り、そのオブジェクトへの参照を取得します。セル内の項目のクリックから親tdとtrに移動します

ここでjqueryをdomでナビゲートするにはどうすればいいですか?

私はこのような方法を行うことができますが、jqueryがこれに対してより良い方法を持っているかどうかはわかりません。アンカーのクリック()関数で

function findRowNumber(element) 
{ 
    // element is a descendent of a tr element 

    while(element.tagName.toLowerCase() != "tr") 
    { 
    element = element.parentNode; // breaks if no "tr" in path to root 
    } 

    return element.rowIndex; 
} 

答えて

6

これは "closestは" ですまさにです。

$(this).closest('td'); 
$(this).closest('tr'); 
+0

私はjQueryを初めて利用しています:) 微風のように作業してください!ありがとう。 – dotnetcoder

1

、単にこれらを使用します。

$(this).parents('td:first') 
$(this).parents('tr:first') 
1

.closestはすごく、最近導入されました(jQuery 1.3以降)。古いバージョンのJQueryにバインドされている場合は、もう1つの答えに従います。

関連する問題