Удалить div из запроса .get ()

Question

Как мне remove div (назовите его div_2) из div_1, который был загружен через .get () с этим кодом:

    $.get('mysite.html', {}, function(data) {
       var $response = $('<div />').html(data);
       var $div_1 = $response.find('#div_1');
       $('#container-div').append($div_1);      
    },'html');

Мне нужно, чтобы он былсделано только с этим кодом, поэтому нет .load () и т. д.

Я пробовал это:

    $.get('mysite.html', {}, function(data) {
       var $response = $('<div />').html(data);
       var $div_1 = $response.find('#div_1');
       $('#container-div').append($div_1, function() {
        $('#div_2').remove();
    });       
    },'html');

Не работает.Может ли кто-нибудь помочь мне с этим?

Answer 1

Вы проанализировали данные и сохранили результат анализа в $response. Так же, как вы нашли div_1 в нем с find, вы можете сделать то же самое, чтобы найти div_2 в нем & mdash; а затем remove это. Либо изначально после разбора, либо после нахождения #div_1:

$.get('mysite.html', {}, function(data) {
   var $response = $('<div />').html(data);
   var $div_1 = $response.find('#div_1');
   $div_1.find("#div_2").remove(); // <====================
   $('#container-div').append($div_1);      
},'html');

Answer 2

Удалите его из $div_1 перед добавлением.

var $div_1 = $response.find('#div_1');
$('#div_2', $div_1).remove(); // or $div_1.find('#div_2').remove();
$('#container-div').append($div_1);

.append() не принимает функцию обратного вызова.

Answer 3

Вы можете просто использовать метод removeChild из javascript

var elem = document.querySelector('#div_2');
elem.parentNode.removeChild(elem);