JQuery Remove() non funziona

Question

Ho un elemento DIV all'interno di un altro come segue:

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

e sto cercando di rimuovere l'elemento:

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

Il problema è che doesn 't. Ho testato altri elementi sulla mia pagina e funziona. Il fatto è che non posso accodarlo, mostrarlo o nasconderlo, usare .empty. Ho anche cambiato il DIV con 'filterData' come ID e ho detto a JQuery di rimuoverlo ma si rifiuta di ...

Qualcuno ha avuto un elemento stubo come questo prima?

EDIT: Sto anche provando a rimuoverlo all'interno di una funzione $(document).ready quindi non ne ho idea.

Answer 1

Questo non è il modo in .remove() funziona

Usa

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

---

Se si utilizza un selettore come parametro per remove agisce come un filtro sul set esistente, non come find ..

Quindi è possibile utilizzare $("#filters .filterData").remove(':first'); se si dispone di molti .filerData e si desidera rimuovere il primo .. (solo un esempio)

Answer 2

Gaby è corretto, è sufficiente utilizzare .remove() e non .remove ('. FilterData'). O se vuoi comunque mantenere il tuo div, ma solo eliminare tutto, puoi usare .empty()

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