按标题查询的jQuery选择

Question

尝试显示data-title的{​​{1}}的内容。我想使用div的{​​{1}}选择div。

jQuery Snippet

title

HTML代码段

div

当我点击标题为“Shirt Front”的div时，我得到了SF。 当我点击标题为“Shirt Back”的div时，我得到了SF而不是SB。

这是JSFiddle演示它。 http://jsfiddle.net/Q6nBZ/

Answer 1

您需要使用$(this)来定位当前点击的div：

alert($(this).attr("data-title"));

<强> Updated Fiddle

Answer 2

使用.data() API。

警报（$（本）。数据（ '标题'））;

Answer 3

alert($(this).attr("data-title"));

http://jsfiddle.net/Q6nBZ/1/

Answer 4

试试这个：

$(this).data('title');

jQuery.data()文档

Answer 5

试试这个

$(document).ready(function(){
  $("div[title^=\"Shirt\"]").click(function(){
    alert($(this).attr("data-title"));
  });
});