如何获得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>

当前回答

HTML

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

JavaScript

$(this).data().value;

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

50岁:

2015-08-04 16:48:15

其他回答

对于纯js

 let btn = document.querySelector('.your-btn-class');
 btn.addEventListener('click',function(){
 console.log(this.getAttribute('data-id'));
 })

2022-01-05 08:43:38

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

2019-08-15 18:29:34

要获得属性data-id的内容(如<a data-id="123">link</a>)，您必须使用

$(this).attr("data-id") // will return the string "123"

或.data()(如果您使用更新的jQuery >= 1.4.3)

$(this).data("id") // will return the number 123

data-后面的部分必须小写，例如data-idnum不行，但data-idnum可以。

2011-03-15 09:46:42

HTML

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

JavaScript

$(this).data().value;

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

50岁:

2015-08-04 16:48:15

如果你不担心旧的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

如何获得data-id属性?

推荐文章

最新文章

标签