HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery .find('li') nested list</title>
</head>
<body>
  <ul>
    <li>I</li>
    <li class="item-ii">II
      <ul>
        <li class="item-a">A</li>
        <li class="item-b">B
          <ul>
            <li class="item-1">1</li>
            <li class="item-2">2</li>
            <li class="item-3">3</li>
          </ul>
        </li>
        <li class="item-c">C</li>
      </ul>
    </li>
    <li>III</li>
  </ul>
  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  <script>
    $("li.item-ii").find("li").css("background-color", "red");
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

jQuery .find('li') — nested list (Try It)