Question

我使用 iframe 在我的CI项目中添加了一个html页面。现在我想从包含的页面中删除第一个div 。那个div没有id。我写了一个jquery代码，但删除整个iframe 。这是

$(document).ready(function(){
  $("iframe").load(function(){
    //$('div:first').remove(); 
      $("body").find("div:first-child").remove();   
  });
});

HTML

<div class="span12">
                <iframe id="patrolIframe" width="100%" height="900" frameborder="0" scrolling="yes" allowtransparency="true" 
                src="http://...../map.html"></iframe>
            </div>

Answer 1

$(document).ready(function(){
  $("iframe").load(function(){
      $('div')[0].remove(); 
     });
});

Answer 2

尝试

$(document).ready(function(){
  $("iframe").load(function(){
    //$('div:first').remove(); 
      $(this).find("div:first-child").remove();   
  });
});

You $（“body”）选择器选择加载jquery的页面主体，即整个页面。我猜你的iframe在该页面的第一个div内，所以它被删除了。我不使用iframe，但我假设在这种情况下$（this）引用iframe所以它应该工作。

Answer 3

试

 $(document).ready(function(){
   $("iframe").load(function(){
   $("body",this).find("div:first-child").remove();   
  });
});

如何从html页面中删除第一个div包含iframe使用jquery

3 个答案: