JQuery Usuń() nie działa

Question

Mam elementu div wewnątrz innego, co następuje:

<div id="filters"> 
    <div class="filterData">hello</div> 
</div> 

i próbuję usunąć element:

$("#filters").remove('.filterData'); 

Problem polega na tym, że nie robi "t. Przetestowałem na innych elementach na mojej stronie i to działa. Chodzi o to, że nie mogę do niego dołączyć, pokazać ani ukryć, użyj .empty. Zmieniłem go również na DIV z "filterData" jako identyfikatorem i powiedziałem JQuery, żeby go usunął, ale odmawia ...

Czy ktoś wcześniej miał taki element?

EDYCJA: Próbuję również usunąć go wewnątrz funkcji $(document).ready, więc nie mam pojęcia.

Answer 1

To nie jest jak .remove() działa

Zastosowanie

$("#filters .filterData").remove(); 

---

Jeśli używasz selektora jako parametr do remove działa jako filtr z istniejącego zestawu, a nie jako find ..

Więc możesz użyć $("#filters .filterData").remove(':first');, jeśli masz wiele .filerData i chcesz usunąć pierwsze .. (tylko przykład)

Answer 2

Gaby jest poprawna, musisz po prostu użyć .remove(), a nie .remove (". FilterData"). Lub jeśli nadal chcesz zachować swój div, ale po prostu wyjąć wszystko tam, możesz użyć .empty()

$(".filterData").empty();