Question

我有2个盒子里面有3个项目，点击任意框中的“编辑”按钮，我正在克隆这些列表项目并在模态框中显示删除图标。

例如：如果我从Item 14内的模态窗口中删除box 2，然后点击保存按钮，则模式应该关闭，删除的项目也应该离开box 2并且如果我对Box 1等做同样的事情......它应该做同样的事情......

$(document).on("click", ".editBtn", function(){
    var boxNameDefault = $(this).closest(".box-header").find("h6").text();  
    $("input.newBoxName").val(boxNameDefault);  
    $(this).closest(".box-header").next(".box-content").find("ul").clone().appendTo(".modal-body .modal-items"); 
});

$(document).on("click", ".remove-item", function(){
    $(this).closest("li").remove();
});

$(document).on("click", ".modalSaveBtn", function(){
    //$(this).closest(".modal-items").appendTo(".box"); // Need Help here
});

Answer 1

如果你想清楚地说明这一点，你可以在你的所有盒子上添加id。

我创建了一个包含所有delete元素的表，并在保存每个元素时进行检查。

<强>例如

asDel = []
asDel.push($(this).closest("li").attr("id"))

<强>更新

要删除以前的内容，只需添加：

$(".modal-body .modal-items").html("")

请尝试： https://jsfiddle.net/yz37L77L/1/

删除克隆的项目并更新原始项目

1 个答案: