jQuery Traversing Complete Reference
In jQuery, traversing means moving through or over the HTML elements to find, filter, or select a particular or entire element.
Syntax:
$(selector).method()
Example: This example illustrates the offsetParent() method in jQuery.
HTML
<!DOCTYPE html><html><head> <title>The offsetParent Method</title> </script> <!-- jQuery code to show the working of this method --> <script> $(document).ready(function(){ $("button").click(function(){ $("p").offsetParent().css("background-color", "green"); }); }); </script> <style> #d1 { border:1px solid black; width:70%; position:absolute; left:10px; top:50px } #d2 { border:1px solid black; margin:50px; background-color:lightblue; text-align:center; } p { padding-left: 80px; font-weight: bold; } </style></head><body> <button>Submit</button> <div id="d1"> <div id="d2"> <!-- click on this paragraph --> <p>Welcome to GeeksforGeeks!</p> </div> </div></body></html> |
Output:
jQuery Traversing Complete List:
Methods | Description |
|---|---|
| add() | Add elements to the existing group of elements. |
| addBack() | Adds the previous set of elements to the current set. |
| children() | Find all the children’s elements related to that selected element. |
| closest() | Returns the first ancestor of the selected element in the DOM tree |
| contents() | Returns all the direct children, including text and comment nodes for the selected element. |
| each() | Specify the function to run for each matched element. |
| eq() | Locate the selected elements directly and returns an element with a specific index. |
| filter() | Filter out all the elements that do not match the selected criteria and those matches will be returned. |
| find() | Find all the descendant elements of the selected element. |
| first() | Select the first element from the specified elements. |
| has() | Find all the elements inside the specified list of elements. |
| is() | Check if one of the selected elements matches the selector element. |
| last() | Find the last element of the specified elements. |
| map() | Translate all items in an array or object to a new array of items. |
| next() | Return the next sibling of the selected element. |
| nextAll() | Return all the next sibling elements of the selected element. |
| nextUntil() | Find all sibling elements between two given elements. |
| not() | Return all the element which is not matched with the selected element with the particular “id” or “class”. |
| offsetParent() | Find the first positioned parent element in the DOM tree. |
| parent() | Find the parent element related to the selected element. |
| parents() | Find all the parent elements related to the selected element. |
| parentsUntil() | Find all the ancestor elements between two given elements in a DOM tree. |
| prev() | Return the previous sibling element of the selected element. |
| prevAll() | Return all the previous sibling elements of the selected element. |
| prevUntil() | Find all the previous sibling elements between two given elements. |
| siblings() | The siblings are those having the same parent element in DOM Tree. |
| slice() | Select a subset of elements based on its index. |
Please Login to comment...