alle Schaltflächen Durch Klicken auf Konsole

Question

Ich habe HTML-Element in der Form:

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

, die 50-mal erscheint.

Ich möchte alle 50 von ihnen mit jquery/chrome-Konsole klicken, aber ich bin nicht in der Lage. Ich habe versucht mit

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

Konsole jedoch nur ein leeres Array zurückgegeben.

Answer 1

1. Sie vermissen die $.
2. Ihre Schaltflächen haben drei separate Klassen. Die CSS-Selektor-Elemente mit allen drei Klassen entsprechen ist .hello.world.button nicht .hello world button

So:

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

, dass die Schaltflächen klicken, werden. Ob das, was sie do arbeiten, hängt sehr davon ab, was sie tun.

Answer 2

Die Art, wie Sie einen Selektor verwenden, ist falsch. Seit $('hello world button') wird in den Child-Tags des div mit Klasse hello nach Klasse world suchen und nicht in der Div selbst und so weiter. Sie benötigen einen Selektor wie $('.hello.world.button'), der für alle drei clasess für denselben div übereinstimmt. Plus Sie vermissen ein $ Zeichen, das ich nehme, ist ein Tippfehler und ist nicht in Ihrem tatsächlichen Code.

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

In einem HTML-Dokument, CSS-Klasse Selektoren passen ein Element auf der Grundlage der Inhalt des Klassenattribut des Elements. Das Klassenattribut ist definiert als eine durch Leerzeichen getrennte Liste von Elementen, und eines dieser Elemente muss genau dem Klassennamen entsprechen, der im Selektor angegeben ist.

Ihre Wähler Klasse ist falsch (die Sie haben drei Klassen auf dem div-Tag bedeuten)

dies zu beheben Sie _ zwischen den Wörtern

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

und in js hinzufügen

$('.hello_world_button').click() 

Answer 4

Verwenden Sie nur eine Klasse für den Zugriff auf ein Ereignis. Versuchen Sie diese

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