Using this with pseudo selectors jquery

Question

I'd like to know if there is a way to use this with CSS pseudo selectors - (AKA nested elements) in jQuery. Here's what it might look like.

    $('#element').click(function(){
        $(this' .nested').css('height','100px');
    });

But this isn't how the syntax works. I'd just like to know how it would work.

Answer 1

Use find() instead. Example:

$('#element').click(function(){
    $(this).find('.nested').css('height','100px');
});