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.

Answer 2

I use this to get the Parent, similarly for child

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

Good Luck