如何获得data-id属性?

我正在使用jQuery Quicksand插件。我需要得到点击项目的数据id，并将其传递给一个webservice。

如何获得data-id属性?我正在使用.on()方法重新绑定排序项的单击事件。

$("#list li").on('click', function() { // ret = DetailsView.GetProject($(this).attr("#data-id"), OnComplete, OnTimeOut, OnError); alert($(this).attr("#data-id")); }); <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <ul id="list" class="grid"> <li data-id="id-40" class="win"> <a id="ctl00_cphBody_ListView1_ctrl0_SelectButton" class="project" href="#"> <img src="themes/clean/images/win.jpg" class="project-image" alt="get data-id" /> </a> </li> </ul>

当前回答

var id = $(this).dataset.id

对我有用!

2015-05-26 21:53:40

其他回答

var id = $(this).dataset.id

对我有用!

2015-05-26 21:53:40

对于那些希望动态删除和重新启用工具提示的人，可以使用dispose和enable方法。看到.tooltip(处理)。

2019-08-15 18:29:34

Try

this.dataset.id

$（“#list li”）.on（'click'， function（） { 警报（ this.dataset.id ）; }); <script src=“https://code.jquery.com/jquery-3.3.1.slim.min.js”></script> <ul id=“list” class=“grid”> < data-id=“id-40” class=“win”> <a id=“ctl00_cphBody_ListView1_ctrl0_SelectButton” class=“project” href=“#”> <img src=“themes/clean/images/win.jpg” class=“project-image” alt=“get data-id >>CLICK ME<<” /> </a> </li> </ul>

2020-06-10 13:56:03

如果你不担心旧的ie浏览器，你也可以使用HTML5数据集API。

HTML

<div id="my-div" data-info="some info here" data-other-info="more info here">My Awesome Div</div>

JavaScript

var myDiv = document.querySelector('#my-div');

myDiv.dataset.info // "some info here"
myDiv.dataset.otherInfo // "more info here"

演示:http://html5demos.com/dataset

完整的浏览器支持列表:http://caniuse.com/#feat=dataset

2014-11-01 09:57:03

HTML

<span id="spanTest" data-value="50">test</span>

JavaScript

$(this).data().value;

$("span#spanTest").data().value;

50岁:

2015-08-04 16:48:15

如何获得data-id属性?

推荐文章

最新文章

标签