3 formas diferentes de acceder a los elementos «hijos» de un elemento desde el selector $(this) de jquery:
Mejor verlo en funcionamiento con un ejemplo sobre un html básico, donde queremos acceder (al hacer «hover» sobre un elemento con clase «lista») a todos los elementos «li» que contenga (y cambiar su texto a color rojo):
<ul class="lista"> <li>Uno</li> <li>Dos</li> <li>Tres</li> </ul>
1. Utilizando el atributo «this«:
$(document).ready(function(){ $(".lista").hover(function() { $("li", this).css('color', 'red'); }); });
2. Utilizando la funcion «find«:
$(document).ready(function(){ $(".lista").hover(function() { $(this).find("li").css('color', 'red'); }); });
3. Utilizando la función «children«:
$(document).ready(function(){ $(".lista").hover(function() { $(this).children("li").css('color', 'red'); }); });
Agradezco tu comentario 🤘