Cómo seleccionar varios elementos con jQuery

Question

Soy nuevo en jQuery/Javascript, etc ... basado en el siguiente artículo: How to make an anchor tag refer to nothing?

quisiera aplicar la función de Java para varios identificadores. ¿No podemos hacer que la función se ejecute para clases en lugar de ids?

<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 */ 
}); 

Básicamente como arriba, ¿cómo ejecuto la función anterior para TODOS los enlaces? es posible? Gracias por adelantado.

Answer 1

Usar la siguiente

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

Esto añade un controlador de clic a todos los elementos con clase que contiene style1. No debe tener ID duplicados

Answer 2

En primer lugar, los ID deben ser únicos. No deberías tener múltiples elementos con la misma ID.

Para seleccionar por ID en jQuery, utilice el carácter #. $('#myid'). Esto obtendrá el primer elemento con esa ID, ya que solo debería haber una (puedes hacer trampa al hacer $('[id="myid"]') para obtener múltiples elementos con la misma ID).

Sugiero usar una clase para seleccionar todos sus enlaces. Las clases se seleccionan usando el carácter ..

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

Answer 3

debe nombrar los identificadores de manera única,

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

a continuación, utilizar el código

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