从一个特定元素开始查找元素的下一个出现

Question

我怎样才能找到从#signal元素开始的下一个<img>事件，因为它可以在DOM中的任何地方，而不仅仅是兄弟姐妹？

<h2 id="signal"></h2>
<p>random text</p>
<p>random text and tags <img /></p>

Answer 1

即使不是兄弟姐妹，这段代码也会得到图像：

var theImage, getIt = false;
var nextElem = $('#signal').next();

while(!getIt){

  if(nextElem.prop("tagName")!='IMG'){
    if(nextElem.find('img').length == 0){
      nextElem = nextElem.next();
    }
    else{
        theImage = nextElem.find('img');
        getIt = true;
    }
  }

  else{
    theImage = nextElem;
    getIt = true;
  }

}

你可以在这里看到https://jsfiddle.net/IA7medd/9du91yr4/