jquery loadBefore或loadAfter

Question

我想知道是否有人知道动态加载html的有效模式。 jQuery的load方法允许开发人员将html加载到指定的元素中。我想在某个元素之前插入html。例如

html

<div>
   <div class ="child">
   </div>
</div>

的jQuery

 jQuery('div.child').load('ex.html');

结果

 <div>
   <div class ="child">
        <!-- ex.html -->
   </div> 
 </div>

期望的结果

<div>
   <!-- ex.html -->
   <div class ="child">  
   </div> 
 </div>

我知道insertBefore和这种性质的方法。但这意味着我必须将html下载到一个spont中并将其全部移动到另一个位置。有没有人有任何好的解决方案？感谢

Answer 1

我相信这会给你正确的结果：

$GET('ex.html', function(html){
  if(html){
    jQuery('div.child').parent.prepend(html);
 }

});

Answer 2

在加载后，您无需在周围移动任何内容;你可以这样做：

$('<div/>').insertBefore('.inner').load('/url');

只要您可以使用div包装已加载的内容。