如何使用 Greasemonkey 单击 <li> 项目？

Question

<ul class="myList clearfix" id="thismyList">
    <li class="myBullet" id="answer1">blabla1</li>
    <li class="myBullet" id="answer2">blabla2</li>
    <li class="myBullet" id="answer3">blabla3</li>
</ul>

在这个页面中，如何自动点击项目blabla2？

Answer 1

最短和最强大的可能是XPath 方式（顺便说一句，它是少数几个实际上非常好和有用的 w3 规范之一）。你几乎可以拥有任何你想拥有的条件。

var xresult = document.evaluate("//*[text()='blabla2']", document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
xresult.singleNodeValue.click();

evaluate(), click()

See this doc to know more about XPath in JavaScript.

---

非 XPath 方法是手动遍历所有节点并搜索包含正确文本的第一个节点：

var findElem = function(elems, text) {
    for (var i = 0; i < elems.length; i++) {
        if (elems[i].textContent == text) {
            return elems[i];
        } else {
            var result = findElem(elems[i].children, text);
            if (result != undefined) {
                return result;
            }
        }
    }
    return;
}

findElem(document.documentElement.children, "blabla2").click();