0

私はいくつかのjavascriptをいじっていて、クラス内の最初のクラスをどのように選択するのか疑問に思っていました. 私が望むのは、ページに移動して、ユーザースクリプトがアイテムのグリッドで最初に利用可能なインスタンスのリンクに自動的に移動できるようにすることです。サンプル html は、次の行に沿って表示されます。

<div class="item-wall">
    <div class="grid-item" data-column-index="0" data-pdpurl="http://www.LINK1.com"> … </div>
    <div class="grid-item" data-column-index="1" data-pdpurl="http://www.LINK2.com"> … </div>
    <div class="grid-item" data-column-index="2" data-pdpurl="http://www.LINK3.com"> … </div>
    <div class="grid-item" data-column-index="3" data-pdpurl="http://www.LINK4.com"> … </div>
    <div class="paging-bar hidden"> … </div>
    <div class="spacer"></div>
</div>

より具体的には、望ましい最終結果は、最初のリンクに移動することwww.LINK1.comです。インデックス作成を試みましたが、これについてどうすればよいかわかりません。

これまでのところ、これは私が結果を生み出しているものです。

waitForKeyElements ("DIV.item-wall", pickGrid)

function pickGrid (jNode) {
    var clickEvent  = document.createEvent ('MouseEvents');
    clickEvent.initEvent ('click', true, true);
    jNode[0].dispatchEvent (clickEvent);    
}

残念ながら、これはアイテム ウォール全体を通過し、最後のインスタンスを選択してそのリンクに移動します。どんな助けでも大歓迎です。ありがとうございました！

4

2 に答える 2

1
于 2013-11-01T22:31:02.503 に答える
1

querySelectorAllを使用して、必要なものを取得できるはずです。のようなものdocument.querySelectorAll(".item-wall>.grid-item:first-child")が動作するはずです。

拡張された回答

質問で述べたことから外れて、 data- 属性で指定された URL に移動したいだけの場合は、次のようにできます。window.location.href=document.querySelectorAll(".item-wall>.grid-item:first-child").getAttribute("data-pdpurl")

于 2013-11-01T21:47:21.780 に答える