获取触发事件的元素的值[重复]答案

【问题标题】：Get value of element on which the event fired [duplicate]获取触发事件的元素的值[重复]
【发布时间】：2012-05-02 20:54:59
【问题描述】：

可能重复：
Select inner text (jQuery)

我有一个跨度：

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

还有一个事件，在点击页面的任何元素时触发。

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

如何获取 target_string 的值？

【问题讨论】：

【解决方案1】：

使用$(event.target).text() 获取文本。

【讨论】：

【解决方案2】：

从主体委派可能更有效：

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

【讨论】：

【解决方案3】：

试试下面，

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

【讨论】：

【解决方案4】：

不确定您是否打算在该事件处理程序中使用除具有测试类的元素之外的其他元素，但这可能更简洁：

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

【讨论】：