javascript - JQuery で要素をクリックする

Question

Google画像検索ページ（サンプル検索ページ）の画像をクリックするために、Jqueryを（実際には初めて）使用しようとしました。私は次のことを行います：

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

画像をクリックしたかのように動作することを期待していますが、何もしません。

私は何を間違っていますか？ありがとう。

Answer 1

画像は jquery オブジェクトではありません

$(picture).click(); が必要です。

Answer 2

現在のページに 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();または、他の人が投稿した他の方法で、画像のクリックイベントをトリガーします。

Answer 3

クリック (イベント) をトリガーする必要があります。

picture.trigger('click');

さらに、次の使用をお勧めします。

allPictures.first()

それ以外の：

allPictures[0];

Answer 4

これを google chrome コンノードでテストする場合は、次のように記述できます。

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

をクリックして最初の画像を開きます。

Answer 5

これを試して：

ドキュメント読み込み時の 4 つの画像が最初にクリックされます

フィドル

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();
})