We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Last week Syncfusion released its first e-book in The Succinctly series; jQuery Succinctly by Cody Lindley. It was written to express the concepts essential to intermediate and advanced jQuery development. The e-book contains 100 jQuery samples that demonstrate how to use jQuery to manipulate the DOM, work with jQuery effects, and handle events. Our VP, Daniel Jebaraj, recommends rewriting sample 31 from the e-book with just the DOM. See the sample below and try it for yourself.
Selector filters can be nested. This enables you to wield filters in a very concise and powerful manner. Below is an example of how you can nest filters to perform complex filtering.
<!DOCTYPE html>
<html lang="en">
<body>
<div>javascript</div>
<div><span class="jQuery">jQuery</span></div>
<div>javascript</div>
<div><span class="jQuery">jQuery</span></div>
<div>javascript</div>
<div><span class="jQuery">jQuery</span></div>
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script> (function ($) {
// Select all div's, remove all div's that have a child element with class="jQuery".
alert($('div:not(:has(.jQuery))').text()); // Alerts combined text of all div's.
// Select all div's, remove all div's that are odd in the set (count starts at 0).
alert($('div:not(:odd)').text()); // Alerts combined text of all div's.
})(jQuery); </script>
</body>
</html>
Note: You can also nest and stack filters—e.g. $('p').filter(':not(:first):not(:last)')
