Kак правильно выбрать дочерний элемент this?

121

03 февраля 2021, 03:40

Подскажите пожалуйста, ка правильно написать следующий код

$('.items').click(function(){ 
        $('items item').css('display', 'none');  
    });

нужно что бы вместо items было слово this, то есть что бы применялось только к определенному контексту. Пытаюсь делать так, но понимаю что где то ошибка

$('.items').click(function(){ 
        $('this item').css('display', 'none');  
    });

Answer 1

Можете использовать функцию find(). И ваше добавление .css('display', 'none') можно заменить функцией hide()

$(document).on('click', '.items', function() { 
   $(this).find('.item').hide(); 
});

.items { 
  width: 150px; 
  height: 150px; 
  background: green; 
  display: inline-block; 
  margin-right: 15px; 
} 
 
.item { 
  width: 50px; 
  height: 50px; 
  background: red; 
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<div class='items'> 
   <div class='item'></div> 
</div> 
<div class='items'> 
   <div class='item'></div> 
</div> 
<div class='items'> 
   <div class='item'></div> 
</div> 
<div class='items'> 
   <div class='item'></div> 
</div>

Answer 2

$('.items').click(function(){ 
        $('.item', this).css('display', 'none');  
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<div class="items"> 
  <div class="item">123</div> 
  <div class="item">234</div> 
</div> 
<div class="items"> 
  <div class="item">aaa</div> 
  <div class="item">bbb</div> 
</div>