Как на jquery добавить класс только одному вложенному объекту?

Question

[Dev-2020]

<div class="block">
           <div class="inner-block active"></div>
   </div>
   <div class="block">
           <div class="inner-block"></div>
   </div>
   <div class="block">
           <div class="inner-block"></div>
   </div>

Как сделать чтобы по клику на block добавлялся/удалялся класс "active" только внутреннему объекту на которого кликнули, а не на все объекты "inner-block".

Такой код не подошел.

$(document).ready(function () {
	$(".block").click(function () {
        $(".inner-block").toggleClass("active");
	});
});

Answer 1

[IvanIF]

$(document).ready(function () {
  $(".block").click(function () {
        $(this).children(".inner-block").toggleClass("active");
  });
});

Comments

[Dev-2020]

Отлично! Этот код подошёл.

[IvanIF]

Dev-2020, тогда отметьте решением.

Answer 2

[Надим]

Не уверен, но вроде бы в jQuery есть свой аналог this. Попробуйте так:

$(document).ready(function () {
  $(".block").click(function () {
        $(this).toggleClass("active");
  });
});