Question

我正在尝试编写jQuery代码来计算网站上包含的<img>元素的数量。该站点由4个单独的HTML页面组成，全部位于服务器上的同一文件夹中。这些页面中只有一个“pics.html”加载了需要执行此功能的.js文件（pics.html是唯一需要知道网站上有多少图像的页面）。

从pics.html获取<img>元素很容易，因为pics.html是加载脚本的页面：

var numImgs = $('img').length;

...但我对如何在引用不同的页面时执行相同的功能感到困惑。是否可以指定选择器引用的HTML页面？

我试过这个，这是一个疯狂的猜测：

var numImgs = $('test.html:img').length;

不出所料，它没有用。我搜索了答案，但找不到解决方案 - 或者如果我确实找到了解决方案，我想我对它的理解并不是很清楚它是答案。

感谢您提供的任何帮助！

Answer 1

要从外部文件中选择对象，您需要使用$.load()。

参考：http://api.jquery.com/load/

Answer 2

试试这个

$(document).ready(function(){
$('#myDiv').load('/remotePage.html #TargetDiv', function () {
    var elements = $('.class', this).length;
    alert(elements);
  });
});

指定jQuery选择器引用的HTML页面？

2 个答案: