首页 > jquery selector在一个网站中奇怪的表现,是怎么回事?

jquery selector在一个网站中奇怪的表现,是怎么回事?

如上面网页中,我需要点击每个国家前面的加号添加选项,后面还有256个领域选项需要点击,然后该网站还有限制不能超过200item选项,所以我想用jquery 把它们自动 $("a").click()的方式选中。

但是很奇怪的是,我在console里运行jquery selector的时候,选出来的是纯html,不是一个[],然后比如我写 $(".itemChoice option"),只能选出第一个option,而不是平时的[option1,option2,.....]

详情:

在console中运行selector $(".itemChoice")得到下面
<td class=​"itemChoice">​
    <select size=​"10" class=​"itemSelectionGC" id=​"selAggregation_custom" dir=​"ltr" lang=​"en" onchange=​"javascript:​show_nat_details('custom')​;​return false;​">​
        <option value=​"WORLD" selected>​WORLD​</option>​
        <option value=​"ASEAN">​ASEAN​</option>​
        <option value=​"ASIA PACIFIC">​ASIA PACIFIC​</option>​
        <option value=​"BRIC">​BRIC​</option>​
        <option value=​"EU-15">​EU-15​</option>​
        .....
    </select>​
</td>​
注意:得到的结果外面没有[]

但我运行 $(".itemChoice option")时,只能得到select下面第一个option:
<option value=​"WORLD" selected>​WORLD​</option>​

这是怎么回事呢?jquery selector为什么会有这样的表现?求大神解释?


确定加载了jQuery了?没加载jQuery的话Chrome的console里面$就是等同于document.querySelector的,和你说的效果是一样的。
要在Console中载入jQuery也非常简单,其实也还是让页面载入jQuery,一个道理:

s=document.createElement('script'),s.src="http://lib.sinaapp.com/js/jquery/2.0.3/jquery-2.0.3.min.js",document.body.appendChild(s)
【热门文章】
【热门文章】