Home  >  jQuery

Example of Child Selector in jQuery

March 31, 2013
Child Selector in jQuery works like parent > child. Child Selector selects all the immediate child of the specified parent. On the selection, we can add CSS or can perform other functionality.
In the below example, we have ul>li relation. Here ul is parent and li is child.

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<ul class="cls">
<li>A</li>
<li>B
	<ul><li>X</li>
		<li>Y</li>
    </ul>
</li>
<li>C</li>
</ul>
<script>$("ul.cls > li").css("border", "2px double green");</script>
</body>
</html>
 

Output
  • A
  • B
    • X
    • Y
  • C
FIND MORE TUTORILAS






©2019 concretepage.com | Privacy Policy | Contact Us