JavaScript如何获得data-id属性？

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在使用jQuery流沙插件。我需要获取单击项的数据ID，并将其传递给Web服务。如何获得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>

回答：

要获取属性的内容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

以上是 JavaScript如何获得data-id属性？ 的全部内容， 来源链接： utcz.com/qa/436359.html

回到顶部