jquery $（this）.id return未定義

Question

updatepanelに置かれているページに2つのaspラジオボタンがあります。私はこのようなjQueryを使ってクリックイベントを書いた：

$(document).ready(function() { 
    $(".inputs").click(function() { 
     alert($(this).id); 
    }); 
}); 

しかし、それは未定義を返します。何が問題ですか？

EDIT: 

     alert(" or " + $(this).attr("id")); 
alert(this.id); 

これらの2行は、nullを返します。

Answer 1

（あなたがそれを見てきただけに）別のオプション：

$(function() { 
    $(".inputs").click(function (e) { 
     alert(e.target.id); 
    }); 
}); 

HTH。

Answer 2

$(this)は、DOM要素thisをラッピングしているjQueryオブジェクトであり、jQueryオブジェクトには、idプロパティがありません。クリックされた要素のid属性を取得するには、おそらくちょうどthis.idが必要です。

Answer 3

Hiya デモhttp://jsfiddle.net/LYTbc/

これはDOM要素への参照ですので、あなたはそれを直接ラップすることができます。

attr API：http://api.jquery.com/attr/

.ATTR（）メソッドは、マッチしたセット内の最初の要素の属性値を取得します。

いいね、歓声があります！

コード

$(document).ready(function() { 
    $(".inputs").click(function() { 
     alert(this.id); 

     alert(" or " + $(this).attr("id")); 

    }); 

}）;

Answer 4

この：DOM要素は $（この）である：DOM要素で包まれたjQueryのobjctは、あなたもこの答えを確認することができますthis vs $(this)

お試しくださいAttr()。一致する要素のセットの最初の要素の属性の値を取得します。

$(document).ready(function() { 
    $(".inputs").click(function() { 
     alert(" or " + $(this).attr("id")); 

    }); 
}); 

Answer 5

$(this)とthisは同じではありません。最初は、要素の周りにラップされたjQueryオブジェクトを表します。 2番目はあなたの要素です。 idプロパティは要素に存在しますが、jQueryオブジェクトには存在しません。

1. アクセス直接要素のプロパティ：

   $(this).attr("id")

2. ：jQueryオブジェクトから

   this.id

3. アクセス、それをそのように、あなたはいくつかのオプションを持っています

   オブジェクトをjQueryから引き出します。

   $(this).get(0).id; // Or $(this)[0].id

4. eventオブジェクトからidを取得：イベントが発生している場合

   、例えばクリックイベントのために、彼らは彼らとの重要な情報と参考文献の周りを運びます。上のコードでは、クリックイベントが発生しています。このイベントオブジェクトには、currentTargetとtargetの2つの項目が参照されています。

   targetを使用すると、イベントを発生させた要素のidを取得できます。 currentTargetは、イベントが現在バブリングしている要素を単に伝えます。これらは必ずしも同じではありません。これらのすべての

   $("#button").on("click", function(e){ console.log(e.target.id) });

、最良のオプションは、あなたがネストされた一連のイベントに従事している場合を除き、それは使用するのが最善かもしれない、ただthis自体から直接アクセスすることですevent各ネストされたイベントのオブジェクト（すべての一意の名前を付けます）を、より高いまたはより低いスコープの参照要素に割り当てます。

Answer 6

使用このactiion常に

$(document).ready(function() { 
var a = this.id; 

alert (a); 
});