jquery remove specific children

Question

I have the following code :

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

Can I replace .TopNotificationIcon with this i.e only span exists inside this specific class.

This is the structure

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

On click of .TopNotificationIcon, span should be removed.

Answer 1

if you have click event for .TopNotificationIcon you can do something like this

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