问题:

Is there a possibility to remove specific HTML Elements from a AJAX (load) Response before placing in to the container? In this case I want to remove the "#containerTop", including content, from the response.

Response (HTML):

<html>
  <head></head>
  <body>
    <div id="containerMain">
      <div>...</div>
      <div id="containerTop">Content-to-remove-including-container-div...</div>
    </div>
  </body>
</html>

I've tried this, without success.

<div id="middle"></div>
<script>
$( "#middle" ).load( "http://<URL>",
function(response, status, xhr){
$response.remove('#containerTop');
            });
</script>

Any ideas?

回答1:

.load() inserts the content directly for you. It does not give you an opportunity to modify it before it is inserted. As such you have two options:

You can modify the content after it is inserted, but before it is painted in the .load() completion handler.
You can switch to .get() to get the content as data, then put it into a jQuery object, then modify it using jQuery methods, then insert the modified content into your page yourself.

Here's an example of the second option:

$.get("http://<URL>", function(data) {
    var temp = $(data);
    temp.find('#containerTop').remove();
    $('#middle').empty().append(temp);
});

回答2:

response.find(element).remove()

This works with me

Remove HTML Elements from JQuery AJAX load() Respo

问题:

回答1:

回答2:

收藏的人(0)

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮