При нажатии всех кнопок с помощью консоли

Question

У меня есть HTML элемент формы:

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

, который появляется в 50 раз.

Я хочу щелкнуть все 50 из них с помощью консоли jquery/chrome, но я не могу. Я пробовал использовать

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

Однако консоль просто возвращает пустой массив.

Answer 1

1. Вам не хватает $.
2. Ваши кнопки имеют три отдельных класса на них. Селектор CSS, чтобы соответствовать элементы всех трех классов .hello.world.button не .hello world button

Итак:

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

Это будет нажимать на кнопки. Будут ли то, что они сделать, будут зависеть от того, что они делают.

Answer 2

Неверный способ использования селектора. Поскольку $('hello world button') будет искать класс world в дочерних тегах div с классом hello, а не в самом div и так далее. Вам нужен селектор, такой как $('.hello.world.button'), который будет соответствовать всем трем классам для того же div. Плюс у вас отсутствует знак $, который, как я полагаю, является опечаткой и не находится в вашем фактическом коде.

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

<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>

Answer 3

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

В HTML-документе, класс CSS селекторы совпадают с элементом на основе содержимого атрибута класса элемента. Атрибут класса - , определенный как список элементов, разделенных пробелами, и один из этих элементов должен соответствовать точному имени класса, указанному в селекторе.

Ваш класс Селектор неправильно (это значит у вас есть 3-х классов на сНу тэгом)

Чтобы исправить это, вы можете добавить _ между словами

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

и в JS

$('.hello_world_button').click() 

Answer 4

Используйте только один класс для доступа к любому событию. Попробуйте это

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