$('.del').click(function(e) { if ($(e.target).is('span')) { $(e.target).parents('ul').remove(); } });用普通的JS代码怎么写

可以使用如下代码替换:

var delBtns = document.getElementsByClassName('del');
for (var i = 0; i < delBtns.length; i++) {
delBtns[i].addEventListener('click', function(e) {
if (e.target.tagName.toLowerCase() === 'span') {
e.target.parentNode.parentNode.removeChild(e.target.parentNode);
}
});
}

相关问题

$(".btn-del").eq(index-1).on("click",function(e)

这行代码的作用是为每个删除按钮添加点击事件，具体解释如下：

- `$(".btn-del")`：使用 jQuery 的选择器获取所有 class 为 btn-del 的元素，即所有的删除按钮。
- `eq(index-1)`：获取其中第 index-1 个元素，因为 index 是从 0 开始计数的，所以需要减去 1。
- `on("click", function(e) { ... })`：为该元素添加点击事件，当点击该元素时，执行后面的回调函数。

因此，该行代码的作用是为第 index 个删除按钮添加点击事件，当点击该按钮时，执行后面的回调函数。

layui.tree控件的del事件触发

layui.tree是一个轻量级的前端UI组件，主要用于实现树状结构的数据展示和操作。其中的`del`事件是当用户删除选中的节点（可能是单个节点或多个节点）时触发的。这个事件通常用于处理删除操作的逻辑，比如数据的持久化、状态的更新、以及可能的确认提示等。

当你使用`layui.tree`的`del`事件时，你可以这样处理：

layui.use('tree', function(){
    var tree = layui.tree({
        elem: '#treeDemo', // 绑定元素
        data: [], // 初始化数据
        init: {
            type: 'search', // 设置展开类型
            showLeafBtn: true // 显示展开/折叠按钮
        },
        del: function(obj, e){
            // obj：被删除节点的信息
            // e：事件对象
            // 在这里你可以执行删除操作，例如从后台接口请求删除数据，或者清除本地缓存
            // 先确认是否真的删除，可以通过obj.data.confirm或者弹出确认对话框
            if(confirm('确认删除节点吗？')){
                // 删除操作代码
                $.ajax({
                    url: '删除节点API', // 假设这是你的删除API
                    type: 'DELETE',
                    data: {id: obj.data.id}, // 或者根据实际需要传递参数
                    success: function(res){
                        // 成功删除后，可能需要更新树状结构或刷新数据
                        tree.del([obj.data.id]); // 使用tree的del方法删除指定ID的节点
                    },
                    error: function() {
                        alert('删除失败');
                    }
                });
            } else {
                // 用户取消删除
                return false;
            }
        }
    });
});