jQuery getelementsbyclassname等效

Question

我使用JavaScript名称编写了许多getElementsByClass代码，现在意识到这在IE8中是不受支持的，所以我尝试将它们全部替换为jQuery等价物。

我的代码运行时没有出现错误

   div1.getElementsByClassName("div2");

但是，如果我把这一行换成

   $(".div1 .div2");

我的代码产生了一个错误"Uncaught :试图在不存在节点的上下文中引用节点“。

JavaScript代码和jQuery代码之间有什么区别，可以使代码的行为有所不同？

Answer 1

请注意，jQuery 2.x确实支持IE6/7/8，这可能是问题所在。相反，使用1.x分支(例如版本[1.10.2])，它仍然支持这些浏览器。

当使用1.x版本的jQuery时，下面应该是您想要的正确的选择器。

$(".div1 .div2") //or:
$(".div1").find(".div2") // or, if .div2 is a direct descendant:
$(".div1 > .div2")