如何将元素添加到另一个div时从HTML中删除它

Question

点击Checkbox时，我将响应HTML添加到名为ordersdiv的另一个DIV。

我的问题是如何在将其添加到ordersdiv

时删除该复选框

所以它在ordersdiv中没有​​复选框吗？

http://jsfiddle.net/e56TY/7/

$(':checkbox').change(function () {
    var divdata = $("div.activateUiHTML").html();
    $("#ordersdiv").append(divdata);
});

Answer 1

<强> Updated Fiddle

使用jQuery .remove()

$("#ordersdiv .checkboxclas").remove();

Answer 2

使用detach()和appendTo()

$(':checkbox').change(function () {
    var divdata = $("div.activateUiHTML").detach();
    $(divdata).appendTo("#ordersdiv");
});

Updated Fiddle

或只是appendTo()

$(':checkbox').change(function () {
    $("div.activateUiHTML").appendTo("#ordersdiv");
});

Updated Fiddle

Answer 3

只需隐藏/删除ordersdiv

内html的复选框即可

这是修改后的代码

    $(':checkbox').change(function () {
    var divdata = $("div.activateUiHTML").html();
    $("#ordersdiv").append(divdata);
    $('#ordersdiv .checkboxclas').hide();  //use .remove() to remove the checkbox
});

demo