javascript - 如何使用 Javascript 单击 anchor 标记(没有 ID 或类)

Question

我正在创建一个 Javascript Bookmarklet 来填写网站上的表格以进行测试(我无法修改该网站)。

我似乎无法单击包含在列表项中的 anchor 标记。 所以网站结构是这样的:

<Div> 
  <ul class="exampleClass"> 
    <li class="col-xs-3 col-sm-2" value="8"><a>8th</a></li>
    <li class="col-xs-3 col-sm-2" value="9"><a>9th</a></li>
    <li class="col-xs-3 col-sm-2" value="10"><a>10th</a></li>
  </ul>
</Div>

正如您所注意到的， anchor 标记没有任何 id 或 class。

我的书签看起来像这样:

javascript: 

    var newVar = {
        formFill: function() {
            document.querySelectorAll("#ReasonValue")[0].value='2';
            document.find_element_by_xpath(".//a[contains(text(), '10th')]").click();
        }
    };
    newVar.formFill()

我只需要一种方法来单击/选择其中一个列表项

非常感谢任何帮助。

Answer 1

只使用 jQuery 会更容易，但我会假设无论出于何种原因您不能使用 jQuery，只能使用 JavaScript。

我会尝试这样的事情:

document.querySelector("ul.exampleClass li[value=10] a").click();