クリックした要素のIDを表示します。
XHTML上、これらの要素に特に識別子はありませんが、jQuery.dataが呼び出された際に、各要素に自動的にIDを割り振ります。
Internals/API/jQuery
jQuery.data(elem)
要素ごとに一意にふられたIDを返します。
この関数は、主に内部的な処理に用いられます。
一連のdata APIの処理中で必要に応じて呼ばれ、その際に自動的にIDを割り振ります。
このAPIが返すIDは、いわゆる(X)HTMLが持つID属性とは全く別のものです。
指定するものではなく、あくまで内部的に要素をユニークに指定するためのものであることに注意して下さい。
この関数は、主に内部的な処理に用いられます。
一連のdata APIの処理中で必要に応じて呼ばれ、その際に自動的にIDを割り振ります。
このAPIが返すIDは、いわゆる(X)HTMLが持つID属性とは全く別のものです。
指定するものではなく、あくまで内部的に要素をユニークに指定するためのものであることに注意して下さい。
サンプル
サンプル1
<div>DIV要素</div> <div>別のDIV要素</div> <div id="hoge">idを指定したDIV要素</div> <p>今クリックされた要素のIDは <span>?</span> です。</p>
$(document.body).click(function(e) {
var id = jQuery.data(e.target);
$("span").text(id);
});
[全コードを表示]
[実行結果を単体で表示]