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

Question

我对 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>

Answer 1

我试图在 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 页面，然后使用 .each 通过 div 标签对其进行过滤，并在可见 div 中加载所需的标签。