☰

data-id属性を取得するにはどうすればいいですか? 質問する

tag-icon • tag-icon javascript html jquery custom-data-attribute
data-id属性を取得するにはどうすればいいですか? 質問する

私は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>

ベストアンサー1

属性の内容を取得するには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

の後の部分はdata-小文字にする必要があります。例:data-idNumは機能しませんが、data-idnum機能します。

おすすめ記事