JSFiddle - React, Tailwind, and code Playground
HTML
<div class="elements">1</div>
<div class="elements">2</div>
<div class="elements">3</div>
<div class="elements">4</div>
<div class="elements">5</div>
<div class="elements">6</div>
<div class="elements">7</div>
<div class="elements">8</div>
<div class="elements">9</div>
<div class="elements">10</div>
JavaScript
var allIntervals = [];
$(".elements").each(function(i, el) {
var myInterval = setInterval(function() {
// stuff
}, 1000);
allIntervals.push({id : myInterval, elem : this, index : $(this).index()});
});
$('.elements').eq(7).remove();
$('.elements').eq(6).remove();
$('.elements').eq(5).remove();
$.each(allIntervals, function(index, item) {
if ( $(document).find(item.elem).length === 0 ) {
window.clearInterval(item.id);
console.log(item.index); // was removed, log to console to see that it works
}
});