点击一个 <a> 元素？

Question

我正在尝试创建一个简单的 Greasemonkey 脚本，该脚本会定期触发鼠标单击 <a> 元素（这必然会使用 JavaScript）。 “awesome-div”中总是有一个<a> 元素，但<a> 的类和名称可能会有所不同。

HTML：

...
<div id="awesome-div">
<a class="some random class">this randomly named link needs to be clicked</a>
</div>
...

这是我的用户脚本

// ==UserScript==
// @name          My Awesome Script
// @namespace     http://example.com/myawesomescript  
// @description   Not working
// @include       http://mywebsite.com/*
// @require       http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js
// ==/UserScript==

function clickLink() {
    $('div#awesome-div').find('a').click();
}

$(document).ready(function() {  
    setInterval(clickLink, 5000); // repeat every 5 seconds
});

但是这个用户脚本不起作用。出了什么问题？

// @include http://mywebsite.com/* 在实际脚本中是正确的。

Answer 1

试试这个

function clickLink() {
    var ele=document.getElementById('awesome-div');
    var a = ele.getElementsByTagName('a');
    a[0].click();
}

变量 'a' 将包含该 div 内的所有锚标记，0 表示第一个元素

您还可以循环遍历该 div 中的每个锚元素

for(var i=0;i<a.length;i++)
{
  // a[i].click(); do whatever you want with all of these
}