jQuery：属性の割り当てに関する問題

Question

私は厄介な問題に悩まされています。何が間違っているのか分かりません。

私のHTMLマークアップ：

<div id=myDiv1 widget=bla>test</div> 
<div id=myDiv2 widget=bla>test</div> 

私のjqueryのコード：

var div = $("#myDiv1"); 
div.foo = "bar"; 
alert(div.foo); // returns 'bar' 

var div = $("div[widget]"); // grabs both divs 
alert(div.eq(0).foo); // returns undefined 

、について説明： 私は第一のdiv、 にFOO =バーを割り当てるが、両方のグラブセレクタを使用しているときですdivsと既に割り当てられた値を取得しようとする - 私は未定義になっています。

何が問題なのですか？

ありがとうございました！

Answer 1

あなたがいないDOM node参照の上、jQueryオブジェクトのプロパティを作成しています。

var div = $("#myDiv1"); 
div[0].foo = "bar" 

となります。また、jQuerysの.data()メソッドを使用して、ノードのデータを格納することもできます（おそらくそうするべきです）。参考

div.data('foo', 'bar'); // setter 
var foo = div.data('foo'); // getter 

：.data()、あなたの例ではjQuery.data()

Answer 2

あなたはこれを行うことができます：

//Adding attribute 
$("#myDiv1").attr("foo", "bar"); 

//Getting attribute 
$("div[widget]:first").attr("foo"); 

Answer 3

あなたが属性を割り当てるためのattr機能を使用する必要があります。

var div = $("#myDiv1"); 
div.attr("foo","bar"); 
alert(div.attr("foo")); 
div = $("div[widget]"); 
alert(div.eq(0).attr("foo")); 

Answer 4

、var div = $('#myDiv1')は、HTML要素のためのjQuery ラッパーオブジェクトです。要素は一意ですが、セレクタを使用するたびにjQueryラッパーが再作成されるため、変更が失われます。この問題を回避、あなたがいずれかを使用して、HTML要素自体に値を割り当てることができる

：

div.get(0).foo = 'bar'; 
// Or 
div[0].foo = 'bar; 

をしかし、要素自体を変更する、または非標準の属性を使用して、良い習慣ではありません。 jQueryのは、より安全な代替メカニズム、.data()を提供しています。

// Set data 
div.data('foo', 'bar'); 
// Get it again 
div.data('foo'); 
// Or from your second example 
div.eq(0).data('foo'); 

Answer 5

あなたがそのリセットを行うたら、それは.fooという値を持っていないので、あなたは、DIVをリセットしています。これを試してみてください...

<div id=myDiv1 widget=bla1>test</div> 
<div id=myDiv2 widget=bla2>test</div> 

var div = $("#myDiv1"); 
div.foo = "bar"; 
alert(div.foo); // returns 'bar' 

var div = $("div[widget]"); // grabs both divs 

alert(div.eq(0).attr('widget')); // returns bla1