如上面网页中,我需要点击每个国家前面的加号添加选项,后面还有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)