小编典典

如何获取 data-id 属性?

all

我正在使用 jQuery Quicksand
插件。我需要获取单击项目的数据 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>

阅读 95

收藏
2022-02-28

共1个答案

小编典典

要获取属性的内容data-id(如 in <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会。

2022-02-28