Question

我有一个包含三个iframe的HTML页面。其中一个iframe 包含许多具有类“twSimpleTableEventRow0”的表行。但是，以下jQuery选择器：

$(".twSimpleTableEventRow0", window.frames[2].document)

仅选择HTML布局中的第一个元素。为什么不呢选择了该类的所有元素？

可以通过浏览器导航到此网址找到HTML：

http://www.sonoma.edu/calendar/groups/clubs.html

Answer 1

尝试在选择器后添加.each()函数：

 $(".twSimpleTableEventRow0", window.frames[2].document).each(function() {
    // Your code here
 });

Answer 2

在我的原始帖子中，我使用了Google Chrome版本45.x.对于相关网址，功能$可用，但jQuery不可用。所以，虽然jQuery语法肯定有用，比如

$("h1")

更精细的语法没有，例如我列出的基于帧的选择器早期：

$(".twSimpleTableEventRow0", window.frames[2].document)

使用这些指令将jQuery显式加载到页面中之后从谷歌Chrome开发者控制台发布，

var script = document.createElement('script');
script.src = 'http://code.jquery.com/jquery-1.11.0.min.js';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);

javascript解释器指出jQuery已定义并且基于框架的选择器运行良好。

为什么jQuery选择器只返回页面中包含的框架中的一个元素？

2 个答案: