jQuery: Find all children with a specified class of each division

Last update on May 30 2022 10:20:49 (UTC/GMT +8 hours)

jQuery Fundamental - II : Exercise-59

Using jQuery find all children with a specified class of each division.

Sample solution :

HTML Code :

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-git.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div>
<span>This is a span within a division.</span>
<p class="test">This is a paragraph with specified class within a division.</p>
<div class="test">This is a division with specified class.</div>
<p>This is another paragraph within a division</p>
</div>
</body>
</html>

JavaScript Code :

$( "div" ).children( ".test" ).css( "color", "green" );

See the Pen jquery-fundamental-exercise-59 by w3resource (@w3resource) on CodePen.

Contribute your code and comments through Disqus.

Previous: Using jQuery find all children of each division.
Next: Find all the text nodes inside a paragraph and wrap them with an italic tag.