JSFiddle - React, Tailwind, and code Playground
HTML
<div class='seat'></div>
<div class='seat marked'></div>
<div class='seat marked'></div>
<div class='seat marked'></div>
<div class='seat'>A</div>
<div class='seat marked'></div>
<div class='seat'></div>
<div class='seat'></div>
JavaScript
var matchFound = false;
var firstInstance = false;
$('div').each(function()
{
if($(this).hasClass('marked') && $(this).hasClass('seat'))
{
matchFound = true;
firstInstance = true;
}
else
matchFound = false;
if(!matchFound && firstInstance)
{
console.log($(this).text());
return false;
}
});