JSFiddle - React, Tailwind, and code Playground

by kirito0709

HTML

<ul class="ul1">
  <li class="lvl1">пункт1
    <ul class="ul2">
      <li class="lvl2">пункт1-1
        <ul class="ul3">
          <li class="lvl3">пункт1-1-1</li>
          <li class="lvl3">пункт1-1-2</li>
          <li class="lvl3">пункт1-1-3</li>
          <li class="lvl3">пункт1-1-4</li>
          <li class="lvl3">пункт1-1-5</li>
        </ul>
      </li>
      <li class="lvl2">пункт1-2
        <ul class="ul3">
          <li class="lvl3">пункт1-2-1</li>
          <li class="lvl3">пункт1-2-2</li>
          <li class="lvl3">пункт1-2-3</li>
          <li class="lvl3">пункт1-2-4</li>
          <li class="lvl3">пункт1-2-5</li>
        </ul>
      </li>
      <li class="lvl2">пункт1-3
        <ul class="ul3">
          <li class="lvl3">пункт1-3-1</li>
          <li class="lvl3">пункт1-3-2</li>
          <li class="lvl3">пункт1-3-3</li>
          <li class="lvl3">пункт1-3-4</li>
          <li class="lvl3">пункт1-3-5</li>
        </ul>
      </li>
      <li class="lvl2">пункт1-4
        <ul class="ul3">
          <li class="lvl3">пункт1-4-1</li>
          <li class="lvl3">пункт1-4-2</li>
          <li class="lvl3">пункт1-4-3</li>
          <li class="lvl3">пункт1-4-4</li>
          <li class="lvl3">пункт1-4-5</li>
        </ul>
      </li>
      <li class="lvl2">пункт1-5
        <ul class="ul3">
          <li class="lvl3">пункт1-5-1</li>
          <li class="lvl3">пункт1-5-2</li>
          <li class="lvl3">пункт1-5-3</li>
          <li class="lvl3">пункт1-5-4</li>
          <li class="lvl3">пункт1-5-5</li>
        </ul>
      </li>
    </ul>
  </li>
  
</ul>

JavaScript

jQuery(document).ready(function($){
$('li.lvl1').click(function(){
var lol = $(this).find('.lvl2');
lol.each(function(){

console.log('<br> ' + $(this).html());
});
});
});