jQuery child selector
Description and Syntax
$('E > F')
selects all elements matched by F
that are children of an element matched by E.
Examples
$('li > ul')selects all<ul>elements that are children of an<li>element.$('.myclass > code')selects all<code>elements that are children of an element with the classmyclass.
The following code gets all form children.
<html>
<head>
<script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){<!-- w ww. j a v a 2s . c o m-->
alert($("form > *").length);
});
</script>
</head>
<body>
<body>
<form>
<input type="button" value="Input Button"/>
<input type="checkbox">asdf</input>
<input type="checkbox" />
<input type="checkbox" />
<input type="file" />
<input type="hidden" />
<input type="image" />
<input type="password" />
<input type="radio" />
<input type="reset" />
<input type="submit" />
<input type="text" />
<select><option>Option<option/></select>
<textarea></textarea>
<button>Button</button>
</form>
</body>
</html>
Find all p elements inside a div
The following code shows how to find all p elements that are children of a div element.
<html>
<head>
<script src="http://java2s.com/style/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){<!--from w w w. j av a 2 s .co m-->
$("div > p").css("border", "1px solid gray");
});
</script>
</head>
<body>
<body>
<div><p>java 2s.com</p></div>
</body>
</html>