Как я могу удалить элемент внутри этого

Question

Я хочу удалить элемент, который находится внутри "this"

this = объект с div, который имеет другое содержимое, и внутри него есть элемент с классом "this_should_removed".

Я пытался сделать это таким образом, но это не удалось.

$($(this)).find('.this_should_removed').remove();

Как правильно это сделать?

Большое спасибо!

Answer 1

Прежде всего $($(this)) отличается от $(this), поэтому ваш код не работает, потому что вы используете неправильный объект в $($(this)), это должно быть

$(this).find('.this_should_removed').remove()

Но если вы проверите jQuery .remove() документы вы можете видеть, что вы можете передать selector методу remove:

.remove([селектор])

селектор Type: String

Выражение селектора, которое фильтрует набор совпадающих элементов, которые нужно удалить.

Итак, ваш коддолжно быть просто:

$(this).remove('.this_should_removed');

Answer 2

Проблема в вашем коде, похоже, в дополнительном $.Попробуйте удалить это лишнее $

$(this).find('.this_should_removed').remove();

Answer 3

Не могу найти причину, по которой ваш код не будет работать.Хотя отдельная ссылка на jQuery намного лучше.

$(this).find('.this_should_removed').remove();

Возможно, this не ссылается на элемент, который вы думаете.

Демонстрация:

$('.parent').click(function(e){
  $($(this)).find('.this_should_removed').remove();
});

$('.this_should_removed').click(function(e){
  e.stopPropagation();
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="parent">
  Some text
  <div class="this_should_removed">
    this_should_removed
  </div>
</div>