$この親兄弟テーブルのテーブル行を取得中！

Question

私のテーブルの下にhrefリンクがあり、そのリンクをクリックしてテーブルの行を操作できるようにしたいが、私はそれらを得ることができない！ここ

私のHTMLは、私が何かやりたい

<div> 
    <div> <a href="#remove" class="removelink" > remove </a> </div> 

    <table> 
    <tr> <td></td> </tr> 
    </table> 
</div> 

です：私は

$(this).parent().siblings('table') 

によってテーブルに着くことができますが、私は何かに行を取得カント

$('.removelink').click(function(){ 
$(this).parent().siblings('table tr:last').remove(); 
}) 

をlike

$(this).parent().siblings('table tr') 

Answer 1

あなたはtableからtrを取得するfindを使用することができます。

$('.removelink').click(function(){ 
    $(this).parent().siblings('table').find('tr:last').remove(); 
}); 

ここworking exampleです。あなたのHTML構造が常にあなたが示した通りであれば、siblings('table')の代わりにnext()を少し短めのコードに使うことができます。

現在のコードの問題は、siblings('table tr')はtrであるdivの兄弟を探していることです。

Answer 2

var $context = $(this).parent().siblings('table'); 
$("tr:last", $context); 

Answer 3

.siblings(selector)セレクタに一致する特定の要素のすべての兄弟を返します。

.siblings('table tr')は、コンテキストエレメントが兄弟としてtrエレメントを持っていても、divのエレメントがない場合にのみ何かを返します。

だけ.findを使用します。

$(this).parent().siblings('table').find('tr').last()