Come selezionare più elementi con jQuery

Question

Sono nuovo di JQuery/Javascript ecc ... sulla base del seguente articolo: How to make an anchor tag refer to nothing?

vorrei applicare la funzione Java per diversi id. Non possiamo eseguire la funzione per le classi anziché per gli id?

<span class="style1" id="myid">Link</span> 
<span class="style1" id="myid">Link</span> 
<span class="style1" id="myid">Link</span> 
<span class="style1" id="myid">Link</span> 
<span class="style1" id="myid">Link</span> 

$('myid').click(function() { 
    /* put your code here */ 
}); 

Fondamentalmente come sopra, come si esegue la funzione sopra per TUTTI i collegamenti? È possibile? Grazie in anticipo.

Answer 1

Utilizza il seguente

$('.style1').click(function() {  
    /* put your code here */ 
}); 

Questo aggiunge un gestore di clic a tutti gli elementi con classe contenente style1. Non dovresti avere ID duplicati

Answer 2

Prima di tutto, gli ID devono essere unici. Non dovresti avere più elementi con lo stesso ID.

Per selezionare per ID in jQuery utilizzare il carattere #. $('#myid'). Questo otterrà il primo elemento con quell'ID, in quanto ce ne dovrebbe essere solo uno (puoi fare cheat facendo $('[id="myid"]') per ottenere più elementi con lo stesso ID).

Suggerisco di utilizzare una classe per selezionare tutti i collegamenti. Le classi sono selezionate usando il carattere ..

$('.style1').click(function(){}); 

Answer 3

si dovrebbe nominare gli ID univoco,

<span class="style1" id="myid1">Link</span> 
<span class="style1" id="myid2">Link</span> 
<span class="style1" id="myid3">Link</span> 
<span class="style1" id="myid4">Link</span> 
<span class="style1" id="myid5">Link</span> 

quindi utilizzare questo codice

$('#myid1,#myid2,#myid3,#myid4,#myid5').click(function() { 
    /* put your code here */ 
});