Pro PHP and jQuery by Jason Lengstorf.pdf - Computer Science ...

32
CHAPTER 2 ■ COMMON JQUERY ACTIONS AND METHODS
[ p ]
To include the paragraph with an ID of bar, you need to look at the element immediately following,
which is the form element in this case. Try the selector again using this updated code:
$(".foo").nextUntil("form");
Now, both following paragraphs are returned:
>>> $(".foo").nextUntil("form");
[ p, p#bar ]
.prev(), .prevAll(), and .prevUntil()
The .prev(), .prevAll(), and .prevUntil() functions work exactly like .next(), .nextAll(), and
.nextUntil(), except they look at previous sibling elements rather than next sibling elements:
>>> $("#bar").prev();
[ p ]
>>> $("#bar").prevAll();
[ p, p.foo, p ]
>>> $("#bar").prevUntil(".foo");
[ p ]
.siblings()
To select sibling elements on both sides of an element, use the .siblings() method. This accepts a
selector as an argument to limit what types of elements are returned. To match all sibling paragraph
elements to the paragraph with ID bar, execute the following code:
$("#bar").siblings("p");
The results will look as follows:
>>> $("#bar").siblings("p");