从删除的li组件中删除一个输入框

Remove an input box from dropped li component

本文关键字：删除 一个 输入 li 组件      更新时间：2023-09-26

我试图使用html的拖放功能。我有一个无序的列表，其中包含可拖动的li组件。每个li组件都有两个输入框。在把它放在另一边的时候，我想去掉输入框，只显示li元素的名称。我为li组件中的输入框指定了类名trunc。我写了下面的代码，但它不起作用。

    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");

}

您需要做：

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

.find将返回具有类.trunc的所有input，并且.remove()将从DOM中移除它。

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

相关文章：