Question

这是我的jsfiddle

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

正在捕获事件，但当前的jquery可折叠无法删除

这是我的代码，请你告诉我如何删除当前的jquery可折叠？

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

你能告诉我如何删除当前的jquery data-role =“collapsible”

Answer 1

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

在您的HTML中，将id="data"的所有实例更改为class="data"，然后将您的JavaScript修改为：

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

Answer 2

使用class代替Id，然后尝试：

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

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

DEMO

如何删除jquery collapsible data-role =＆＃34;可折叠＃34;

2 个答案: