JSFiddle - React, Tailwind, and code Playground

HTML

<table class="minetable">
	<tr class=hdr1><td>aaaYES</td><td>bbbYES</td></tr>
	<tr class=hdr1><td>aaaYES</td><td>bbbYES</td></tr>
	<tr class=hdr2><td>aaaYES</td><td>bbbYES</td></tr>
	<tr><td>aaa</td><td>bbb</td></tr>
	<tr>
		<td colspan="2">
			<table>
				<tr class=hdr1><td>aaa1</td><td>bbb1</td></tr>
				<tr class=hdr2><td>aaa1</td><td>bbb1</td></tr>
				<tr><td>aaa1</td><td>bbb1</td></tr>
			</table>
		</td>
	</tr>
</table>

JavaScript

$('.minetable >').find('> tr.hdr1, > tr.hdr2').css('background', 'red');

//$('.minetable tr.hdr1, .minetable tr.hdr2').not('table table tr.hdr1,table table tr.hdr2').css('background', 'red');

//	$('table.minetable > tr.hdr1, table.minetable > tr.hdr2').css('background', 'red');