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

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 9 年前。

Improve this question

我正在修改一些 javascript，想知道如何选择类(class)中的第一个类(class)。我想要的是能够转到页面并让用户脚本自动转到项目网格中第一个可用实例的链接。示例 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")