How to select an element inside "this" in jQuery?

Question

I know can I select an element this way:

$("ul.topnav > li.target").css("border", "3px double red");

but how can I do something like:

$(this > li.target).css("border", "3px double red");

Answer 1

$( this ).find( 'li.target' ).css("border", "3px double red");

or

$( this ).children( 'li.target' ).css("border", "3px double red");

Use children for immediate descendants, or find for deeper elements.