难以计数div的数量在外部html文件(get和查找)- jquery



这是我的jquery函数-它应该查找并返回控制台外部文件中的div数量作为get请求的回调。

$(document).ready(function(){
    $("#button").click(function(){

    $.get('source.html', function(data){
    alert("Data Loaded: " + data);
    var count = ($(data).find('div').size());
    console.log(count);
    });

    console.log ($("body").find('div').size());
    });
});

我得到一个警报,包含正确的数据从source.html(其中包含2div),但计数var总是出现为0?你们有什么好主意吗?

来源:

<!DOCTYPE html>
 <html>
<head>
    <title>Source</title>
</head>
<body>
<div id="div1">
    You got loaded xxxx.
</div>
<div id="div2">
    You got loaded again xxxx.
</div>

</body>
</html>

如果你所有的尝试都失败了…

尝试将其添加到jQuery元素

$.get('source.html', function(data){ 
  var count = $('<div></div>').html(data).find('div').length; 
  console.log(count);
});

检查你得到的是2还是3。

谢谢

最新更新