Estoy tratando de acceder y diseñar los diferentes objetos dentro de un objeto jQuery usando .get(); y he tenido éxito simplemente accediendo a los objetos individuales pero no he podido realizar operaciones como agregar css o clases a esos elementos individuales. También traté de usar [] para acceder y diseñar; pero el acceso es nuevamente un éxito mientras no puedo diseñar ese elemento seleccionado . ¿Por qué está pasando esto?
mi script usando .get() =>
$(()=>{ $('button').click(function(event){ $(".box div").get(1).toggleClass('color'); }); });
.box{ font-size: 0px; width: min-content; } .color{ display: inline-block; width: 20px; height: 20px; background-color: red; border: 1px solid white; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="box"> <div></div> <div></div> <div></div> </div> <button>click</button>
TypeError: $(...).get(...).toggleClass no es una función
¿Por qué viene este mensaje? ¿Cómo resolver esto y obtener un elemento de índice específico de un objeto jQuery?
Espero que esto te ayude.
$(()=>{ $('button').click(function(event){ $(".box div:nth-child(1)").toggleClass('color'); }); });
.box{ font-size: 0px; width: min-content; } .color{ display: inline-block; width: 20px; height: 20px; background-color: red; border: 1px solid white; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="box"> <div></div> <div></div> <div></div> </div> <button>click</button>