jQuery: Как получить значение атрибута html?

Question

У меня есть HTML якорный элемент:

<a title="Some stuff here">Link Text</a> 

... и я хочу, чтобы получить содержимое заголовка, так что я могу использовать его для чего-то еще:

$('a').click(function() { 
    var title = $(this).getTheTitleAttribute(); 
    alert(title); 
}); 

Как я могу сделай это?

Answer 1

$('a').click(function() { 
    var title = $(this).attr('title'); 
    alert(title); 
}); 

Answer 2

$('a').click(function() { 
    var title = $(this).attr('title'); 
    alert(title); 
}); 

Answer 3

$(this).attr("title") 

Answer 4

Вы можете просто использовать this.title внутри функции

$('a').click(function() { 
    var myTitle = $(this).attr ("title"); // from jQuery object 
    //var myTitle = this.title; //javascript object 
    alert(myTitle); 
}); 

Примечания

Используй другое имя переменного вместо 'предупреждения'. Предупреждение является Java-функция и не использовать его в качестве имени переменной

Answer 5

Даже вы можете попробовать это, если вы хотите, чтобы захватить каждый клик по документу и получить значение атрибута:

$(document).click(function(event){ 
    var value = $(event.target).attr('id'); 
    alert(value); 
}); 

Answer 6

Вы можете создать функцию и передать эту функцию из события onclick

<a onclick="getTitle(this);" title="Some stuff here">Link Text</a> 

<script type="text/javascript"> 

function getTitle(el) 
{ 
    title = $(el).attr('title'); 
    alert(title); 
} 

</script>