hide a specific div from html ajax response

Question

I am not experimented with ajax.

I have this html ajax response and I want to hide the first div 'loading' after ajax success

Response :

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

I have tried a lot of things :

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

But that does not work.

Answer 1

通过其ID直接隐藏对象：

$('#loading').hide()

Answer 2

css:

.hidden { display: none; }

js:

$.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

you must add your response in DOM:

$(body).html(response);

then you can hide you div :

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