Testing jQuery

 
[ span, span.foo ]
 
Selecting Next Elements 
Occasionally in a script, you’ll need to select the next element in the DOM. This is accomplished by 
providing an identifier for the starting element (any selector pattern works here), followed by a plus sign 
(+), followed by the selector to match the next instance of: 
start+next 
Try this in the console by typing the following command: 
www.freepdf-books.com

---

CHAPTER 1 
■ 
INTRODUCING JQUERY 
 
15 
$(".foo+p"); 
There is only one element with the class foo, so only one paragraph element is returned: 
>>> $('.foo+p');
 
[ p ]
 
Next, use a more general query, and select the next paragraph element after any paragraph element: 
$('p+p'); 
There are four paragraphs in our markup, and all of them but the last have a next paragraph, so the 
console will display three elements in the result: