通过使用JQuery加载外部文件来遍历元素

我对JQuery相当新，而且我正在创建一些逻辑时遇到一些问题。我的目标是创建一个脚本，它将加载一个外部HTML文件，并只选择我想循环使用.each的“div”标记。我已经尝试过几种变化，而且我最远的地方是加载HTML并将其添加到div标记。我怎样才能做到这一点？通过使用JQuery加载外部文件来遍历元素

更新：

<script> 
$(document).ready(function(){ 
    $("#x").click(function(){ 
     $("#res").load('testfile.htm div', function(data) { 
     $(data).each(function(index){ 

     }); 
     }); 
    }); 
}); 
</script>

来源

2013-08-27 Chris Lombardi

使用jQuery加载。您可以从加载的内容中指定您想要的元素。像'$（'＃res'）。load（'testfile.htm #target'）;' – putvande

@putvande可以简化他当前的代码，但这与他想要做的很远。 –

与其仅仅向我们展示什么可行，告诉我们您尝试过的方法无效，以便我们可以帮助您解决问题。 –

我试图解决上的jsfiddle您的问题。

HTML如下：

<div id="id1"></div> 
<div id="id2" style="display:none;"></div>

和jQuery看起来是这样的。

$("#id1").click(function() { 
    $.get('http://fiddle.jshell.net', function (data) { 
     $('#id2').html(data); 
     $('#id2').find('div').each(function() { 
      $("#id1").append($(this).html()); 
     }); 
    }); 
});

这是链接到jsfiddle。

点击红色div并等待一分钟。加载页面需要时间。

希望它解决了这个问题。

我已经创建了一个隐藏的div，并暂时加载其中的html页面，然后通过div标签使用.each过滤它，并在可见div内加载所需的标签。

来源

2013-08-27 18:59:40 Ashirvad

这就像一个魅力！感谢代码示例。我从来没有想过如此尝试。 –

通过使用JQuery加载外部文件来遍历元素

回答

相关问题