Блог

Главная - Вопросы по программированию - Как удалить элемент из HTML при добавлении в другой div

Как удалить элемент из HTML при добавлении в другой div

#jquery #html

#jquery #HTML

Вопрос:

при нажатии на флажок я добавляю HTML-ответ в другой DIV, вызываемый как ordersdiv.

Мой вопрос в том, как снять флажок, когда он добавляется в ordersdiv

Чтобы он отображался без флажка внутри ordersdiv ??

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

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

Ответ №1:

Обновленная скрипка

Используйте jQuery .remove() 

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

Комментарии:

1. Большое вам спасибо, это сработало, флажки не отображаются .

2. Рад помочь. @PreethiJain

3. @PreethiJain Попробуйте это jsfiddle.net/e56TY/14 , не нужно ничего удалять ..!

Ответ №2:

Используйте detach() и appendTo() 

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

Обновленная скрипка

или просто appendTo() 

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

Обновленная скрипка

Ответ №3:

Просто скройте / снимите флажок из html внутри ordersdiv

Вот измененный код 

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

И демо