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

Question

I know if I can 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 the child

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

Luck