如何在JQuery中显示span的标题?

时间:2014-06-19 04:23:14

标签: jquery html

我有一个跨度:

<span class="word_span" title="ABC">abc</span>

对于IO访问和方便显示,我想在点击时显示span的标题,在JQuery中:

  $(".word_span ").live("click", function (){
     ...;
  });

如何实施?

2 个答案:

答案 0 :(得分:7)

尝试使用.attr()函数

检索title属性
 $(".word_span").live("click", function (){
    console.log($(this).attr('title'));
 });

旁注:您正在使用.live()并且它已在最近的jquery版本中删除,所以我建议您在此上下文中使用.on,

 $(document).on("click",".word_span", function (){
    console.log($(this).attr('title'));
 });

DEMO

答案 1 :(得分:1)

使用.on点击

因为.live适用于 jQuery 1.3 + .on jQuery 1.7 +

试试这个:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>

<script> 
$(function () { 
    $(".word_span ").on("click", function (){
       alert($(this).attr('title')); 
    });  
});  
</script> 

http://jsfiddle.net/h6aRL/