Get the next sibling HTML element

Installation

CSS Selectors

$.get() Nedil Objects ($.Objs) General Selectors Attribute Selectors Child Selectors Sibling Selectors

Event Handling

on() off() trigger() $.self() $.currentEvent Events

DOM Manipulation

Common - Two ways of Usage addChild() addParent() wrapChildren() removeChild() getChildren() isChild() isParent() nextSibling() previousSibling() isSibling() childIndex()

Utilities

forEach() html() text() pos() posAbs() dim() mouse() mouseAbs() style() css() hasCSSClass() selection() convertHexRGB() cloneJSON()

Data Structures

Stack Queue Table

AJAX APIs

AJAX Request load() ajaxSubmit() toJSON()

Animation APIs

Animation Parameters Location Animation Dimension Animation Color Animation CSS Animation Paths and Easing

Widgets Creation

How to create a widget ? About Default Widgets

.nextSibling()

Fetches the next HTML sibling element in the DOM

Returns

Type	Description
HTMLElement	Next HTML Sibling element else null if not found

Example 1

Next HTML sibling element of #box1 is #box2 div which will be selected while using .nextSibling() on #box1

JSHTML
								$.domLoaded(function() {

				//box2 == $.get("#box2").element();
				var box2 = $.get("#box1").nextSibling();
				
		});						
						
						<body>
	
	<div id="box1"></div>
			
	<div id="box2"></div>

</body>