JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>Activities<ul>
      <li>Physical1<ul>
          <li>Cricket<ul>
              <li>One Day</li>
            </ul>
          </li>
        </ul>
      </li>
      <li>Test1<ul>
          <li>Test At Abc</li>
        </ul>
      </li>
      <li>Test2<ul>
          <li>Test At Xyz</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>
<br>
    
    <div id="result"></div>

JavaScript

$('li:not(:has(*))').click(function(){
   $('#result').text($(this).text());
});