javascript - 单击所有 JavaScript

Question

非常感谢您的帮助。

这是代码:

    <div class="UserActions   UserActions--small u-textLeft">
    <div class="user-actions btn-group not-following not-muting " data-user-id="1364896129" data-screen-name="VWnews" data-name="Volkswagen USA News" data-protected="false">
      <span class="UserActions-moreActions u-inlineBlock">
          <button type="button" class="js-tooltip unmute-button btn small plain-btn" title="Unmute @VWnews" data-placement="top">
            <span class="Icon Icon--muted Icon--medium"><span class="visuallyhidden">Unmute @VWnews</span></span>
          </button><button type="button" class="first-load js-tooltip mute-button btn small plain-btn" title="Mute @VWnews" data-placement="top">
            <span class="Icon Icon--unmuted Icon--medium"><span class="visuallyhidden">Mute @VWnews</span></span>
          </button>
<div class="dropdown ">
  <button type="button" class="user-dropdown dropdown-toggle js-dropdown-toggle js-link js-tooltip btn plain-btn small-user-dropdown" aria-haspopup="true" data-original-title="More user actions">
    <span class="user-dropdown-icon Icon Icon--cog Icon--small"><span class="visuallyhidden">User Actions</span></span>
  </button>
  <div class="dropdown-menu">
    <div class="dropdown-caret">
      <span class="caret-outer"></span>
      <span class="caret-inner"></span>
    </div>
    <ul>

尝试单击包含的所有内容

<div class="user-actions btn-group not-following not-muting "

Answer 1

您尝试传递给 document.querySelectorAll() 的字符串没有合法引用，因此会导致错误。

字符串是这样的:

"[div class='user-actions btn-group not-following not-muting including "']"

最后似乎有一个额外的"。也许应该是这样的:

"[div class='user-actions btn-group not-following not-muting including']"

但是，然后查看该字符串，我看不出您用它做了什么有用的选择器。选择器中不指定 class='xxx'。

<小时/>

现在您已经稍微编辑了您的问题，我想您可以使用这个:

$(".user-actions.btn-group.not-following.not-muting").click();

这将调用具有上述所有类的任何元素上的单击事件。由于您的问题是用 jQuery 标记的，所以我使用 jQuery 来解决。

在 CSS 选择器中，您可以在类名前加上 . 来向选择器查询表明这是一个类名。如果您有多个类名且它们之间没有空格，则所有这些类名必须存在于同一个对象上才能匹配。

<小时/>

在纯 JavaScript 中，您可以执行以下操作:

var items = document.querySelectorAll(".user-actions.btn-group.not-following.not-muting");
for (var i = 0; i < items.length; i++) {
    items[i].click();
}

而且，您可以在这里看到它的工作原理:http://jsfiddle.net/jfriend00/3acy178k/