0
148
Vistasseleccione el segundo elemento de una clase específica usando jQuery
Tengo dos elementos con la clase de monkey en la página y quiero adjuntar uno de ellos a un detector de eventos al hacer clic. pueden ser hermanos o elementos completamente independientes. Ahora quiero seleccionar el segundo elemento (que viene después del primero en el código html)...
Esto los seleccionará a ambos y el detector de eventos se disparará dos veces:
const monkey = $(".monkey");Usé muchas cosas sin suerte para seleccionar el segundo elemento:
$(".monkey").get(1); $(".monkey")[1]Editar:
Aquí está la relación de dos elementos de mono, uno en la parte superior y en la parte inferior de la imagen:
1 Respuestas
Responde la pregunta0
Puede usar jQuery.eq como función o como selector.
Puede utilizar un operador ternario para comprobar si el número de elementos de monkey seleccionados es mayor que 1 y, de ser así, establecer monkey en el segundo elemento. De lo contrario, no modifique monkey .
var monkey = $(".monkey"); //same as $(".monkey:eq(1)") monkey = monkey.length > 1 ? monkey.eq(1) : monkey; monkey.on('click', function(){ console.log('click'); }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="monkey">first element</div> <div class="monkey">second element</div>