简单的jQuery选择器只选择第一个元素在Chrome ..?

前端之家收集整理的这篇文章主要介绍了简单的jQuery选择器只选择第一个元素在Chrome ..?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有点新的jQuery,所以原谅我密集。我想选择所有< td>通过Chrome的JS控制台在特定页面上的元素:
$('td')

但是当我这样做时,我得到以下输出

<td>Apples</td>

是不是jQuery应该返回一个元素数组< td>标签?为什么我只看到符合这个标准的第一个元素?

这里是有问题的网站:http://www.w3schools.com/html/html_tables.asp

编辑:我想补充说,当我在Chrome控制台中输入一个jQuery函数时,我没有得到一个jQuery对象。我得到一个纯HTML元素。 Chrome的设置/配置方式有问题。

解决方法

看来jQuery没有被正确地包含在目标页面上运行。我有一个类似的问题,解决了如下谷歌浏览器。

在您的Chrome浏览器中添加一个书签,其中包含以下单行代码作为URL字段(美化为可读性):

javascript: (function () {
    var s = document.createElement('script');
    s.setAttribute('src','http://code.jquery.com/jquery-latest.min.js');
    if (typeof jQuery == 'undefined') {
        document.getElementsByTagName('head')[0].appendChild(s);
    }
    jQuery("td.edit select option[value=BN]").attr("selected","");
})();

然后只需单击该书签即可运行它。预期会正常包括jQuery,并使控制台在输入$时返回类似函数(e,t){return new b.fn.init(e,t,r)}的东西。

创建书签(也称为bookmarklet)的过程是在您希望使用控制台工作的每个页面中注入jQuery的简单手段。但是,如果将其直接复制粘贴到JS控制台中,代码代码也可以正常工作。

PS:片段的积分不是我的,因为我使用它一段时间,不记得我从哪里得到了。

希望它有帮助。

猜你在找的jQuery相关文章