JSFiddle - React, Tailwind, and code Playground

by dont_panic

HTML

<ul id=1>
    <li>
        <select class='test1'>test1</select>
    </li>
    <li>
         <select class='test222'>test222</select>
    </li>
    <li>
        <ul>
           <li>
              <select class='test222'>test222</select>
           </li>
        </ul>        
    </li>
    <li>
        <select class='test3'>test3</select>
    </li>
</ul>
<ul id=2>
    <li>
        <select class='test11'>test11</select>
    </li>
    <li>
        <select class='test12'>test13</select>
    </li>
    <li>
        <select class='test13'>test13</select>
    </li>
</ul>

JavaScript

var $cursor = $("ul#1"),
$selector = $('> li > ul > li select.test222', $cursor);

if ($('> li > ul > li select.test222', $cursor).length) {
	alert('exists!');
} else {
  alert('does not exist');
}