Get value of element on which the event fired [duplicate]

Question

Possible Duplicate:
Select inner text (jQuery)

I have a span:

<span class="test"> target_string </span>

And the event, that is fired on click on any element of the page.

$('body').click(function(event){
  if ($(event.target).attr('class') == 'test'){
    alert(???);
  }
}

How can I obtain target_string value?

Answer 1

Use $(event.target).text() to get the text.

Answer 2

Possibly more efficient to delegate from the body:

$('body').on('click', '.test', function(event){
    alert($(this).text())
});

Answer 3

Try below,

$('body').click(function(event){
  var $targ = $(event.target);
  if ($targ.hasClass('test')){
    alert($targ.text());
  }
}