Child Selector

Syntax

$("parent > child")

Description

Child selector is used to select all the elements which are the immediate children of the specified element. The below example clearly explains you how to select the direct children of an element.

Example Code

<script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> function test() { $("ul.items > li").css("border", "3px double red"); } </script> <h2><font color="blue"> items</font></h2> <ul style='padding-left:3em;' class="items"> <li>item1</li> <li>item2 <ul style='padding-left:3em;'><li>item2.a</li><li>item2.b</li><li>item2.c</li></ul> </li> <li>item3</li> </ul> <input type="button" class="btntest" value="Test" onclick="test();"><br>