Question

如何从remove div_2划分一个div（将其命名为div_1），该div是通过.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，然后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

您可以只使用javascript中的removeChild方法

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

从.get（）请求中删除div

3 个答案: