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将起作用。)