別の要素をクリックして最近追加された要素を制御する方法は？

Question

append関数を使用してc_box_id divブロックを作成します。

var c_box = '<div id="c_box_id">...</div>'; 
$("#p_div").append(c_box); 

このボックスを削除する機能を起動するためのアンカータグがあります。

<a href="javascript:void()" onclick = "remove_c_box(c_box_id)">Remove</a> 

function remove_c_box(name) { 
    name = "#" + name; 
    $(name).remove() // This doesn't work because c_box_id is a dynamic element 
} 

クリックされていないため、以下のイベント委任を使用してc_box_idを削除することはできません。

$('body').on('click', '#c_box_id', function(){ 
    //... 
}); 

上記のアンカータグをクリックすると、どのようにc_boxブロックを削除できますか？

*** c_box_idは固定ストリングではありません。これは、アンカータグとdivブロックのセットに対してランダムに生成されます。例えば

：

<div class="ajxiu2"> </div> 
<a href="javascript:void()" onclick = "remove_c_box('ajxiu2')">Remove</a> 

<div class="sd5iu2"> </div> 
<a href="javascript:void()" onclick = "remove_c_box('sd5iu2')">Remove</a> 

<div class="cxj2c3"> </div> 
<a href="javascript:void()" onclick = "remove_c_box('cxj2c3')">Remove</a> 

<div class="i5xxas"> </div> 
<a href="javascript:void()" onclick = "remove_c_box('i5xxas')">Remove</a> 

私は任意の助けに感謝。

Answer 1

c_box_idがあるので、あなたはjQueryのIDセレクタのIDに

function remove_c_box(id) { 
    $('#' + id).remove() ; 
} 

を#接頭辞を追加し、これは動作しませんonclick

onclick = "remove_c_box('ajxiu2')"