скрыть определенный div от html ajax response

Question

Я не экспериментировал с ajax.

У меня есть этот ответ HTML AJAX, и я хочу, чтобы скрыть первый DIV 'загрузки' после Ajax успеха

Ответ:

<div id="loading"> 
    <label>..</label> 
    <div>...</div> 
</div> 
<div id="list"> 
... 
... 
</div> 

Я пробовал много вещей:

success: function (response) { 
    response.find('#loading').html().hide(); 
    response.filter('#loading').hide(); 
    response.find('#loading').hide(); 
} 

Но это не работает.

Answer 1

Непосредственно скрыть объект по его ID:

$('#loading').hide() 

Answer 2

CSS:

.hidden { display: none; } 

ЯШ:

$.ajax({}) 
    .done(function(data){ 
    var html = $(data); 
    html.find('#loading').addClass('hidden'); 
    $('document').append(html); 
    } 
); 

Answer 3

<div id="loading"> 
 
    <p>Test</p> 
 
</div> 
 
<button onclick="test()"/> 
 

 
<script> 
 
    function test() { 
 
document.getElementById("loading").style.display = "none"; 
 
} 
 
</script>

Answer 4

вы должны добавить свой ответ в DOM:

$(body).html(response); 

, то вы можете скрыть вы Div:

$("#loading").hide();