问香草JavaScript等价于jQuery(…).parent().nextAll(选择器)

EN

function* myNextAll(e, selector) {
   while (e = e.nextElementSibling) {
       if ( e.matches(selector) ) {
          yield e;
       }
   }
}

let e1 = document.querySelector("[data-automationid=pictureupload_1]").parentElement;

let siblings = [...myNextAll(e1, "input[type=text]")];

let result = [];
let par = document.querySelector('[data-automationid=pictureupload_1]').parentElement;
let sibling = par.parentElement.children;
let found = false;
for (let i=0; i< sibling.length; i++) {
    if (!found && sibling[i] ===par) {
        found = true;
        continue;
    } else if (found) {
        let sib = sibling[i];
        if (sib.nodeName !== 'INPUT' || sib.nodeType!= 1) continue;
        result.push(sib);
    }
}

result.forEach(el => { el.classList.add('test');});

.test { background: green; }

<div>
  <div>
    Sibling 0
  </div>
  <div>
    Parent
    <div data-automationid='pictureupload_1'>
      pictureupload_1
    </div>
  </div>
  <input type='text'>
  <div type='text'>
    Sibling 2
  </div>
  <input type='test'>
  <input type='checkbox'>
</div>

const getIndex = (node, groupNode) => {
    return [...groupNode].indexOf(node);
}

Element.prototype.nextAll = function(){
    var allChildren = this.parentNode.children;
    var index = getIndex(this, allChildren);
    allChildren = [...allChildren].filter((item) => {
        return getIndex(item, allChildren) > index;
    });
    return allChildren;
}