jQuery を使用してクリックされた要素の「data-id」属性を取得するにはどうすればよいですか?-jsチュートリアル-php.cn

jQuery を使用してクリックされた要素の「data-id」属性を取得するにはどうすればよいですか?

Patricia Arquette

リリース： 2024-12-09 17:34:10

オリジナル

357 人が閲覧しました

How Do I Get the `data-id` Attribute of a Clicked Element using jQuery?

jQuery クリックイベントのデータ ID 属性を取得する

jQuery Quicksand プラグインを使用する場合、データ ID を取得する必要がありますWebサービスに渡すクリックされた要素の属性。この属性は、特定のアイテムを識別するために重要です。

jQuery の .on() メソッドを使用して data-id 属性を取得するには、次の構文を利用します。

$(this).attr("data-id");

ログイン後にコピー

このコマンドは値を取得します。クリックイベントをトリガーした要素の data-id 属性に関連付けられています。

提供された例ではcode:

$("#list li").on('click', function() {
  // Retrieve the data-id value
  let dataId = $(this).attr("data-id");
});

ログイン後にコピー

ここで、dataId には、クリックされたリスト項目 (

) の data-id 属性の値が含まれます。

jQuery 1.4 を使用している場合。 3 以降では、代わりに .data() メソッドを使用できます。

$(this).data("id");

ログイン後にコピー

このメソッドは次の値を返します。 data-id 属性が整数の場合は数値として返されます。

data- 内の属性の名前は小文字である必要があることに注意してください。たとえば、data-id は有効ですが、data-idNum は無効です。

以上がjQuery を使用してクリックされた要素の「data-id」属性を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。