NetanelBasal
4/8/2015 - 1:03 PM

siblings dom

siblings dom

var el = document.querySelector('section');

function getNextSiblings(elem) {
    var sibs = [];
    while (elem = elem.nextElementSibling) {
      sibs.push(elem);
    }
    return sibs;
}

function getPrevSiblings(elem) {
    var sibs = [];
    while (elem = elem.previousElementSibling) {
      sibs.push(elem);
    }
    return sibs;
}

console.log(getPrevSiblings(el));

function getAllSiblings(elem) {
    var sibs = [];
    elem = elem.parentNode.firstElementChild;
    do {
      sibs.push(elem);
    } while (elem = elem.nextElementSibling)
    return sibs;
}
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <div>
    <ul>
      <li><a href="" class='first'>1</a></li>
    </ul>
    <p>lorem</p>
    <section>sectuib</section>
  </div>
</body>
</html>