Question

我试图使用html的拖放功能。我有一个无序的列表，其中有可拖动的li组件。每个li组件都有两个输入框和它。在另一侧放下它我想要删除输入框并且只想显示li元素名称。我给了类li组件中输入框的名称截断。我写了下面的代码，但它没有完成这项工作。

    function drop(ev) {
    debugger;

    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");
    alert(data);

    var StageId = $('#newId').val();
    alert(StageId);

    var dataname1 = document.getElementById(data);

    alert(dataname1.innerText);

    ev.target.appendChild(document.getElementById(data));
    $("#"+data).remove(".trunc");

}

Answer 1

你需要这样做：

$("#"+data).find("input.trunc").remove();

.find将返回课程input的所有.trunc，而.remove()会将其从DOM中删除。

如果您只想隐藏，请执行.hide()而不是.remove()

从已删除的li组件

1 个答案: