jQuery selection filtering

by horhey

HTML

<h1 class="bar">jQuery selection filtering</h1>

<div class="foo">no paragraph</div>
<div class="foo">
    <p>has paragraph</p>
</div>
<ul>
    <li>first</li>
    <li class="current">second</li>
    <li>third</li>
    <li>fourth</li>
    <li class="next">fifth</li>
    <li>sixth</li>
</ul>

JavaScript

// Refining selections.
console.log($("div.foo").has("p")); // div.foo elements that contain <p> tags
console.log($("h1").not(".bar")); // h1 elements that don't have a class of bar
var $items = $("ul li");
console.log($items.filter(".current")); // unordered list items with class of current
console.log($items.first()); // just the first unordered list item
console.log($items.eq(5));
console.log($("ul li.current").css('color', 'red'));
console.log($("ul li").filter('.next').text('Jorge'));