Question

我有以下形式的html元素：

<div class="hello world button">hello world</div>

出现了50次。

我想使用jquery / chrome控制台点击所有50个，但我无法做到。我尝试过使用

('.hello world button').click()

但是，控制台只返回一个空数组。

Answer 1

使用选择器的方式不正确。由于$('hello world button')将在具有类world的div的子标记中查找类hello，而不是在div本身中等等。你需要一个像$('.hello.world.button')这样的选择器来匹配同一个div的所有三个clasess。另外，您错过了一个$符号，我认为这是一个错字，并且不在您的实际代码中。

＆＃13;

$(function() {
  $('.hello.world.button').click(function() {
    console.log('clicked');
  });
  
  $('.hello.world.button').trigger('click');
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="hello world button">hello world</div>
<div class="hello world button">hello world</div>
<div class="hello world button">hello world</div><div class="hello world button">hello world</div><div class="hello world button">hello world</div>
<div class="hello world button">hello world</div><div class="hello world button">hello world</div>

＆＃13;

Answer 2

您错过了$。
您的按钮上有三个单独的类。用于匹配所有三个类的元素的CSS选择器是.hello.world.button而非.hello world button

所以：

$(".hello.world.button").click();

这将点击按钮。他们做什么能否发挥作用将取决于他们的工作。

Answer 3

https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors

在HTML文档中，CSS类选择器匹配基于的元素元素的class属性的内容。 class属性是定义为以空格分隔的项目列表，以及其中一个项目必须与选择器中给出的类名完全匹配。

您的选择器类错误（这意味着您在div标签上有3个类）

要解决此问题，您可以在字词

之间添加_

<div class="hello_world_button">hello world</div>

和js

$('.hello_world_button').click()

Answer 4

仅使用一个类来访问任何事件。试试这个

$('.button').click();
or
$('.hello').click();
or
$('.world').click();

使用控制台单击所有按钮

4 个答案: