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 🤘