jQuery retirar a los niños específicos

Question

tengo el siguiente código:

$('.TopNotificationIcon span').remove();  

¿Puedo reemplazar .TopNotificationIcon con this es decir solamente span existe dentro de esta clase específica.

Esta es la estructura

<div class="TopNotificationIcon"><span>xxxxx</span></div> 

El clic de .TopNotificationIcon, span debe ser eliminado.

Answer 1

si usted tiene haga clic en eventos para .TopNotificationIcon se puede hacer algo como esto

$('.TopNotificationIcon').click(function(){ 
    $('span',this).remove();  
}); 

Answer 2

Prueba esto ...

$('span').remove('.TopNotificationIcon'); 

Esto eliminará todos los elementos span con el TopNotificationIcon clase y también elementos secundarios

Answer 3

Sí, pero debe cambiar la línea a:

$(this).children('span').remove(); 

js violín: http://jsfiddle.net/UNhhh/1/

Answer 4

Si desea eliminar toda lapso bajo TopNotification se puede hacer esto:

$('div').live('click', function(){ 
    $(this).children('span').remove();  
}); 

Se eliminarán todos los niños en un div.

Answer 5

me gustaría utilizar el método find(), como parece ser el más rápido:

$("div.TopNotificationIcon").click(function() { 

    $(this).find("span").remove();  

}); 

no