Jquery :contains showing alert for all span

Question

I have a span Text goes her like this

$(\'#contentarea\').bind(\'click\',function(e){
             


        

Answer 1

$(e.target).find(":contains(font-weight: bold;)")

It always returns a jQuery collection of objects - including 0 length collection. This is not a javascript list and you always get true in boolean.

var target = $(e.target);
if(target.is('span')){
     if(target.css('font-weight') == 'bold'){
         alert('bold');
     }
}