Is there a way to select sibling nodes?

by

Well… sure… just access the parent and then the children.

 node.parentNode.childNodes[]

or… using jQuery:

$('#innerId').siblings()

Edit: Cletus as always is inspiring. I dug further. This is how jQuery gets siblings essentially: 

function getChildren(n, skipMe){
    var r = [];
    for ( ; n; n = n.nextSibling ) 
       if ( n.nodeType == 1 && n != skipMe)
          r.push( n );        
    return r;
};

function getSiblings(n) {
    return getChildren(n.parentNode.firstChild, n);
}

More Related Contents:

  1. Remove element by id
  2. Check if an image is loaded (no errors) with jQuery
  3. Is there a spec that the id of elements should be made global variable?
  4. onKeyPress Vs. onKeyUp and onKeyDown
  5. Chrome extension – retrieving global variable from webpage
  6. Javascript/DOM: How to remove all event listeners of a DOM object?
  7. Why is the value of my input always empty if I store it in a variable?
  8. How can I loop through ALL DOM elements on a page?
  9. Manipulating innerHTML removes the event handler of a child element? [duplicate]
  10. What is the “hasClass” function with plain JavaScript?
  11. Is there a DOM event that fires when an HTML select element is closed?
  12. How to use getElementsByClassName in javascript-function? [duplicate]
  13. Setting focus to iframe contents
  14. Get DocType of an HTML as string with Javascript
  15. Does the onchange event propagate?
  16. Change ‘s option and trigger events with JavaScript
  17. Is there any “on DOM change” event? [duplicate]
  18. Can I apply CSS to the elements within an iframe?
  19. Changing the order of elements
  20. Should I use document.createDocumentFragment or document.createElement
  21. createElement vs. createElementNS
  22. jQuery/Javascript – How to wait for manipulated DOM to update before proceeding with function
  23. DOM / pure JavaScript solution to jQuery.closest() implementation?
  24. Is it possible to get element’s numerical index in its parent node without looping?
  25. Is there any way of passing additional data via custom events?
  26. getElementsByClassName() with two classes
  27. What is the difference between `firstChild` and `firstElementChild`?
  28. JavaScript: get the current executing node? [duplicate]
  29. Dynamically generated table – using an array to fill in TD values
  30. Why is iframe.contentWindow == null?

Leave a Comment