Eliminar DIV al hacer clic

Question

Tengo un DIV que quiero eliminar cuando hago clic en un enlace contenido dentro de ese DIV. Aquí es lo que tengo:

<div id="clients-edit-wrapper"> 
    <div class="close-wrapper"> 
     <a href="#" class="close-div">Close</a> 
    </div> 
</div> 

Al hacer clic en "Cerrar" Quiero clients-edit-wrapper a eliminar. Estoy buscando una forma de hacerlo haciendo referencia al DIV principal del enlace Cerrar que, en este caso, es clients-edit-wrapper.

¡Cualquier ayuda sería muy apreciada!

---

Respuesta de Huangism a continuación:

$('.close-div').click(function(){ 
    $(this).parent().parent().remove(); 
}); 

Esto sólo funciona si el elemento que desea eliminar es de hasta dos padres. En mi caso, esto es exactamente lo que necesitaba.

Answer 1

dada su formato HTML

Actualizado a .ON()

$('.close-div').on('click', function(){ 
    $(this).parent().parent().remove(); 
}); 

utilizar realmente el más próximo() método, es más fiable y mejor la lógica. Con eso se puede envolver más para cerrar-div y no importaría

De la respuesta de Visión

$(this).closest("#clients-edit-wrapper").remove(); 

más flexibilidad

Editar
(Añadido recursos relacionados)
Por favor, vea jQuery documentación en live()

A partir de jQuery 1.7, el método .live() es obsoleto. Utilice .on() para adjuntar controladores de eventos. Los usuarios de versiones anteriores de jQuery deben usar .delegate() con preferencia a .live().

Por lo que sé, esto se debe a problemas de memoria/problemas con live().

Answer 2

$('#clients-edit-wrapper').find('.close-div').click(function(){ 
    $('#clients-edit-wrapper').remove(); 
}); 

Answer 3

Aquí es una solución:

$(".close-div").on("click", function(event) { 
    $("#clients-edit-wrapper").remove(); 
    event.preventDefault(); 
}); 

Para obtener #clients-edit-wrapper elemento relativamente a .close-div elemento, puede utilizar cualquiera parent().parent() o closest con ID:

$(this).parent().parent().remove();     // will do 
$(this).closest("#clients-edit-wrapper").remove(); // the same 

Sin embargo, el último doesn No tiene sentido, ya que los ID de los elementos de página deben ser únicos, y no habrá otro #clients-edit-wrapper.

Answer 4

También puede usar closest.

$('.close-div').on('click', function(e) { 
    e.preventDefault(); 
    $('#clients-edit-wrapper').remove(); 
}); 

Answer 5

$(".close-div").click(function(){ 

    $("#clients-edit-wrapper").remove(); 

}); 

Answer 6

Dado que se basa el elemento de la matriz, me animo evento de delegación:

$("#clients-edit-wrapper").on("click", ".close-div", function(e){ 
    e.preventDefault(); 
    $(e.delegateTarget).remove(); 
}); 

Answer 7

<div id="clients-edit-wrapper"> 
    <div class="close-wrapper"> 
     <a href="#" onclick="$('#clients-edit-wrapper').remove();" class="close-div">Close</a> 
    </div> 
</div>