javascript - 如何获取data-id属性？(How to get the data-id attribute?)

Question

I'm using the jQuery quicksand plugin.

(我正在使用jQuery quicksand插件。)

I need to get the data-id of the clicked item and pass it to a webservice.

(我需要获取所单击项的data-id并将其传递给webservice。)

How do I get the data-id attribute?

(如何获取data-id属性？)

I'm using the .on() method to re-bind the click event for sorted items.

(我正在使用.on()方法重新绑定已排序项的click事件。)

 $("#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> 

  ask by Bruce Adams translate from so

Answer 1

To get the contents of the attribute data-id (like in <a data-id="123">link</a> ) you have to use

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

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

or .data() (if you use newer jQuery >= 1.4.3)

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

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

and the part after data- must be lowercase, eg data-idNum will not work, but data-idnum will.

(并且data-之后的部分必须是小写的，例如data-idNum将不起作用，但data-idnum将起作用。)