我正在使用jQuery流沙插件。我需要获取单击项的数据ID,并将其传递给Web服务。如何获得data- id属性?我正在使用该.on()方法重新绑定单击事件以进行排序。
.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>
要获取属性的内容data-id(如中的<a data-id="123">link</a>),您必须使用
data-id
<a data-id="123">link</a>
$(this).attr("data-id") // will return the string "123"
或.data()(如果您使用更新的jQuery> = 1.4.3)
.data()
$(this).data("id") // will return the number 123
并且后面的部分data-必须小写,例如data-idNum将不起作用,但data-idnum会起作用。
data-
data-idNum
data-idnum