使用JQuery单击元素

时间:2013-06-21 08:30:53

标签: javascript jquery

为了点击Google图片搜索页面(example search page)上的图片,我一直在尝试使用Jquery(实际上是第一次)。我做了以下事情:

allPictures = $(".rg_di");
picture = allPictures[0];
picture.click();

我希望它表现得好像我点击了图片,但它什么也没做。

我做错了什么? 感谢。

6 个答案:

答案 0 :(得分:1)

这看起来就像你在谷歌搜索结果中搜索附加到图像的类的不正确的类名(问题中的类选择器是针对周围的div):

var aPicture = $(".rg_i");
aPicture.click()

将选择结果中的第一张图片。

答案 1 :(得分:1)

图片不是jquery对象

你需要     $(图片)。单击();

答案 2 :(得分:0)

您需要触发点击(事件):

picture.trigger('click');

此外我建议使用:

allPictures.first()

而不是:

allPictures[0];

答案 3 :(得分:0)

如果您使用google chrome consode进行测试,可以写下:

$('.rg_bb_layout').click();

打开第一张图片。

答案 4 :(得分:0)

试试这个:

文档加载上的四个图像首先单击

Fiddle

HTML

<a onclick="alert('test1')" class="rg_di">
    <img src="http://img253.imageshack.us/img253/182/xvxcv.jpg" height="200" width="200"/>
</a>
<a onclick="alert('test2')" class="rg_di">
    <img src="http://img253.imageshack.us/img253/182/xvxcv.jpg" height="200" width="200"/>
</a>
<a onclick="alert('test3')" class="rg_di">
    <img src="http://img253.imageshack.us/img253/182/xvxcv.jpg" height="200" width="200"/>
</a>
<a onclick="alert('test4')" class="rg_di">
    <img src="http://img253.imageshack.us/img253/182/xvxcv.jpg" height="200" width="200"/>
</a>

jQuery的:

$(document).ready(function () { 
    var allPictures = $(".rg_di");
    var picture = allPictures[0];
    picture.click();
})  

答案 5 :(得分:0)

以下是在当前页面上附加jquery的代码。在控制台中键入它(Ctrl + Shift + I打开控制台)

var s=document.createElement('script');
s.setAttribute('src','http://code.jquery.com/jquery.js');document.getElementsByTagName('body')[0].appendChild(s);

$('.rg_i').click();或其他人发布的任何其他方式,以触发图片上的点击事件。