JSFiddle - React, Tailwind, and code Playground
HTML
<div class="scope">
<div>
<a href="1">1</a>
</div>
<div>
<a href="2">2</a>
</div>
<div>
<a href="3">3</a>
</div>
<div>
<a href="4">4</a>
</div>
</div>
<a href="x">NOT THIS</a>
JavaScript
var $two = $('a[href="2"]');
var selection = [];
var comes_after_2 = false;
$two.closest('.scope').find('a').each(function(){
console.log(this, $two.get(0));
if(comes_after_2){
selection.push(this);
}
if(this == $two.get(0)){
comes_after_2 = true;
}
});
$(selection).css('background', 'red');