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中加载所需的标记。

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

1 个答案: