1. ホーム
  2. javascript

[解決済み] data-id属性を取得するにはどうすればよいですか?

2022-03-17 22:12:35

質問

私はjQueryの 流砂 プラグインを使用しています。クリックされたアイテムのデータIDを取得し、それをウェブサービスに渡す必要があります。

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

の後の部分は data- は小文字でなければなりません。 data-idNum は機能しませんが data-idnum になります。