Javascript 如何通过单击另一个元素来控制最近添加的元素？

我使用append函数创建c_box_id div块

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

如何通过单击上面的锚定标记来删除c_框块

***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>

非常感谢您的帮助。

您需要为jQuery id选择器的id添加

#

前缀

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

并确保在

onclick

 onclick = "remove_c_box('ajxiu2')"

---

//这不起作用，因为c_box_id是一个动态元素

-不正确，应该可以。您是否有多个id为

c\u-box\u-id

的元素？是。我有不止一个。此外，c_box_id不是固定的。它是随机创建的，不可预测。是否检查了控制台中的错误？元素

id

s必须是唯一的。改用一个类。“我有超过1个”除了id需要唯一外，我怀疑您是否希望全部删除，在这种情况下，没有显示足够的html结构，预期的行为没有正确解释。提供

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

 onclick = "remove_c_box('ajxiu2')"