Javascript 通过使用JQuery加载外部文件来循环元素

我对JQuery相当陌生，我在创建一些逻辑时遇到了一些问题。我的目标是创建一个脚本，该脚本将加载一个外部HTML文件，并仅选择要使用.each循环的div标记。我尝试了几种变体，最远的一种是加载HTML并将其添加到div标记中。我怎样才能做到这一点

更新：

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

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

---

我试图在JSFIDLE上解决你的问题

Html如下所示：

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

这里是到的链接

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

希望它能解决问题

---

我创建了一个隐藏的div并临时加载其中的html页面，然后使用.each按div标记对其进行筛选，并将所需的标记加载到visible div中。

使用jQuery加载。可以从加载的内容中指定要包含的元素。类似于$'res'。加载'testfile.htm target'@putvande说这会简化他当前的代码，但这远远不是他想要做的。与其只向我们展示什么有效，不如向我们展示你尝试过的哪些无效，这样我们就可以帮助你修复它。上面更新的代码。我可以使用load选择div标记，但是如何从使用.each加载的外部页面循环每个div？这是我目前的路障。这很有魅力！谢谢你的代码示例。我从来没有想过要这样做。

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