私は<code><a></code>の親項目を削除しようとしている親項目

Question

を削除することはできません、これはhtmlです：

<div>123321<a class="del" rel="32" href="#">X</a></div> 

そして、これはコードです：

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

しかし、何も起こり、なぜ？ JSFIDDLE.

Answer 1

（他の回答で述べたようにあなたがthisを使用できるだけでなく、あなたはまた、現在のオブジェクトを参照することe.targetを使用する可能性を持っています）。したがって、イベントeを渡す代わりに、e.targetを使用して現在クリックされた要素のオブジェクトを渡すことができます。以下の例を確認してください。

$(function() { 
 
    $('.del').on('click', function(e) { 
 
     $(e.target).parent().remove(); 
 
    }); 
 
});

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
 
<div>123321<a class="del" rel="32" href="#">X</a></div>

Answer 2

eventオブジェクトを現在の要素ではなくjQueryに渡しています。あなたのハンドラ内eの代わりにthisを使用してください：上記の例で

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

、thisがイベントのターゲット要素を表すために使用されている間、発生したイベントを表すために使用される方法e気づきます。

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

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> 
 
<div>123321<a class="del" rel="32" href="#">X</a></div>