jQuery addClass example

Change class name on click in jQuery

by Павел KLON

HTML

<ul>
  <li>
    <div class="item">
      <span class="deleteBtn" title="Удалить">del</span>
      <!-- эту скрыть -->
      категория 1
    </div>
   
  </li>
  <li>
    <div class="item">
      <span class="deleteBtn" title="Удалить">del</span>
      <!-- эту скрыть -->
      категория 2
    </div>
    <ul>
      <li>
        <div class="item">
          <span class="deleteBtn" title="Удалить">del</span>
          <!-- эту скрыть -->
          категория 2.1
        </div>
        <ul>
          <li>
            <div class="item">
              <span class="deleteBtn" title="Удалить">del</span> категория 2.1.1
            </div>
          </li>
        </ul>
      </li>
      <li>
        <div class="item">
          <span class="deleteBtn" title="Удалить">del</span>
          <!-- эту скрыть -->
          категория 2.2
        </div>
        <ul>
          <li>
            <span class="deleteBtn" title="Удалить">del</span> категория 2.2.1
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

JavaScript

$('li').each(function(){
        console.log("li");
        if($(this).children('ul').length > 0){
            console.log("ul");
            $(this).children('.item').children('.deleteBtn').remove();
        }
    });