はJQuery .remove（）私はHTMLの体内でこのような何かを持っているID

Question

によって段落を削除しない：

<p id="test.txt"><a href="javascript:void(0);" class="disp">test.txt</a> [<a href="javascript:void(0);" class="del">x</a>]</p> 
<p id="test2.txt"><a href="javascript:void(0);" class="disp">test2.txt</a> [<a href="javascript:void(0);" class="del">x</a>]</p> 
<p id="test3.txt"><a href="javascript:void(0);" class="disp">test3.txt</a> [<a href="javascript:void(0);" class="del">x</a>]</p> 
<p id="test4.txt"><a href="javascript:void(0);" class="disp">test4.txt</a> [<a href="javascript:void(0);" class="del">x</a>]</p> 
<p id="test5.txt"><a href="javascript:void(0);" class="disp">test5.txt</a> [<a href="javascript:void(0);" class="del">x</a>]</p> 
<p id="test6.txt"><a href="javascript:void(0);" class="disp">test6.txt</a> [<a href="javascript:void(0);" class="del">x</a>]</p> 

これは、関連するjQueryのコードの一部です：

$('a').click(function(e) { 
    e.preventDefault(); 
    var myClass = $(this).attr("class"); 
    if (myClass==="del"){ 
     var idToDelete = $(this).parent().attr("id"); 
     alert(idToDelete); 
     $("#" + idToDelete).remove(); 
     return; 
    } 
}) 

クリックリンクの1つ、それは正しくIDを取得するようだが、段落はページから削除されていません。私は何が欠けていますか？

ありがとうございます！削除する要素に行き来することができたよう\\でエスケープする必要がありますidToDelete内のメタ文字.があるよう

Answer 1

、ジャスト

$(this).parent().remove(); 

$("#" + idToDelete).remove();が動作していない理由を使用します。あなたは、コード

$('a.del').click(function(e) { 
    e.preventDefault(); 
    $(this).parent().remove(); 
})