如何访问隐藏按钮并单击它们

Question

我正在尝试使网页更易于使用。目前，有一个带有“删除”按钮的下拉菜单。当我检查时，它看起来像这样：

<a title="" class="ajax-command" command="deletePost" href="#">Delete</a>

有什么方法可以以某种方式执行此操作吗？我正在尝试创建一个新按钮，执行此命令而无需下拉列表。它是此下拉菜单下的一组按钮的一部分：

<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                        <li class="item">

我试过复制下拉选项的点击，但我无法让它工作。任何帮助都会很棒！

Answer 1

jquery解决方案

$(".ajax-command[command='deletePost']").click()

Answer 2

模拟链接上的点击事件，它隐藏起来并不重要。我将通过在左侧隐藏的stackoverflow下拉列表中单击 meta 链接编写脚本来证明这一点：

//直接来自MDN

var evt = new MouseEvent("click", {
  bubbles: true,
  cancelable: true,
  view: window
});

var cb = document.querySelectorAll("div.js-help-dialog li:nth-child(3) a.js-gps-track");

var canceled = !cb[0].dispatchEvent(evt);

这是你应该做的。如果你试图运行他们的AJAX请求，你会发现自己重新发明了整个应用程序前端的一半。