Javascript 如何删除jquery可折叠数据角色="；“可折叠的”；

这是我的护照

单击delete按钮，我试图删除当前的jquery可折叠div

正在捕获事件，但当前jquery collapsable未获得删除

这是我的代码，你能告诉我如何挖掘当前的jquery可折叠文件吗

document.addEventListener('click', function(event) {
        if ($(event.target).is('.labelDelIcon')) {
            $(this).closest('#data').remove();
            event.stopPropagation();
        }
    }, true // Capture event
);

---

请告诉我如何删除HTML中当前的jquery data role=“collapsable”

，ID属性必须是唯一的。JavaScript将只查找第一个匹配的ID，然后停止搜索

在HTML中，将

id=“data”

的所有实例更改为

class=“data”

，然后将JavaScript修改为：

$(this).closest('.data').remove();

---

使用

class

而不是

Id

，然后尝试以下操作：

document.addEventListener('click', function(event) {
        if ($(event.target).is('.labelDelIcon')) {
            $(event.target).closest('.data').remove()
            event.stopPropagation();
        }
    }, true // Capture event
);

注意：$（这）是当前对象，这里指的是我拥有的文档 对currect对象使用$（event.target）

---

Id应该是唯一的。谢谢，但这不是我生成的，而是jquery框架本身生成的。@Kiran我不知道你的意思。jQuery本身不生成ID属性，除非您明确告诉它对两个实例使用“数据”ID，否则它肯定不会生成相同的ID。但是，即使我将ID更改为class，并尝试不删除它，请看这个小把戏。请告诉我为什么？？？@Kiran您的代码中有很多问题。我建议您阅读并可能尝试一下Codecademy上的HTML教程。@Kiran 1。您正在将本机JavaScript与jQuery混合使用——可以使用其中一种，也可以使用另一种，而不是两者都使用<代码>$（'.labelDelIcon'）。单击（…）。2.据我所知，嵌套的

a

元素无效，而且对于您所追求的结构来说肯定不是必需的。很高兴它帮助了您@Kiran。喜欢脚本现在我明白了，也谢谢你的解释，它的工作很好。