Get the previous 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

.previousSibling()

Fetches the previous HTML sibling element in the DOM

Returns

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

Example 1

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

JSHTML
								$.domLoaded(function() {

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

</body>