javascript - 选择并单击类中的链接

Question

我正在修改一些 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);    
}

不幸的是，这会遍历整个项目墙并选择最后一个实例并转到该链接。任何帮助将不胜感激。谢谢！

Answer 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")

Answer 2