2017-10-25 13 views
1

アンカーId属性とその同じアンカータグから取得したIDを比較したいのですが、比較後にを削除すると、が最も近いtrタグが削除されます。それは動的に作成されているtrです。次のコードを試してみる必要があります。しかし、正しく動作していません。 この問題に関するご支援をいただければ幸いです。アンカーID属性を他のIDと比較する方法Jquery?

HTML

<td> 
    <div class='form-group'> 
    <a href='javascript:void(0);' onclick='RemoveThisItem(tId)' title='Remove'><i class='fa fa-fw fa-trash-o'></i></a> 
    </div> 
</td> 

削除するには、次のTRのほか

<tr class='showRadioRow' style='display:none;'> 
    <td colspan='2'> 
     <div class='form-group'> 
     <label for=''><b>Number of Radio Option:</b></label> 
     <input type='text' class='form-control getRadioValue' name='test'/> 
     </div> 
    </td> 
</tr> 

jQueryの

function RemoveThisItem(val){ 
    var id=$('#'+val); 
    $(id).remove(); 
    $('a').attr('id').eq(id).closest('tr.showRadioRow').remove(); 
} 

SNIPPET http://jsfiddle.net/jaykhan47/k471gh5h/4/

+0

あなたは変数 'tId'を定義し、その値が何ですか? – trincot

+0

おそらく、畳み込まれた 'id'ルックアップパターンの代わりに、DOMトラバーサルを使うほうが簡単でしょう。いくつかの行がロードされた後、テーブルのHTMLのより完全なサンプルを含めるように質問を編集できますか? 'on *'イベント属性は避けるべきです。委任されたイベントハンドラを使用します。 –

+0

問題のあるスニペットを追加してください。コードのビットとチャンク –

答えて

2

問題解決:

function RemoveThisItem(val){ 
    var id=$('#'+val); 
    //console.log(id); 
    //console.log(id[0].nextSibling); 
    var tr=id[0].nextSibling; 
    tr.remove(); 
    $(id).remove();  
} 
関連する問題