jQueryのメソッドチェーン中で各要素の属性にアクセスする方法を教えて下さい。

Question

taichino

14

14もっと見る

85pt

コンピュータ

jQueryのメソッドチェーン中で各要素の属性にアクセスする方法を教えて下さい。

例えば、以下のリストの各要素に対して、メソッドhogeをparamを引数にして呼び出したいです。
<ul>
<li class="target" param="1">a</li>
<li class="target" param="2">b</li>
<li class="target" param="3">c</li>
</ul>

以下の様な感じでアクセスしたいんですが、上手く情報を見つけられませんでした。
$(".target").hoge(this.attr("param"))

よろしくお願いします。

回答の条件

1人3回まで

登録：2009/09/25 18:06:22
終了：2009/09/26 05:24:53

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

No.2

regnif56202009/09/25 19:16:18

35pt

(function($){

jQuery(document).ready( function() {

$(".target").each(function(){

alert( $(this).attr("param") );

// $(this).attr("param").hoge();

});

})(jQuery);

で、どうでしょう？param属性の値１，２，３を取得(指定)したいんですよね？

もし、ａ，ｂ，ｃを取得(指定)したいなら、

alert( $(this).html() );

alert( $(this).text() );

です。

paramでhoge()を呼ぶなら、直接引数ではないですが、上記のコメント箇所のような記述で良いです。

余計な疑問ですが、何をしたいんでしょう？向学のための聞かせてください。

i4ooon 様

ご回答ありがとうございます。

jQueryのプラグイン化のアプローチですね。

これでも処理したい事は達成できるんですけど、

変数のスコープが広くなってしまうので、少し抵抗があります。

ちなみに、やりたい事はサーバサイドからのデータの受け渡しです。

動的に作成したページの情報に基づいてjavascriptに処理をさせるのに、

何が一番シンプルかと考えまして、html中の各要素に埋め込む事にしました。

2009/09/25 19:52:53

コメントはまだありません

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

y-kawaz · Accepted Answer · 2009-09-25T18:59:58+09:00

this.attr("param") ではなく $(this).attr("param") か this.getAttribute("param") じゃないでしょうか？

↓こんな感じのコードで動作確認できました。

$(".target").click(function(){
  alert( $(this).attr("param") );
});
$(".target").click(function(){
  alert( this.getAttribute("param") );
});

ちなみに以下のようなことは出来ません。ここではthisに入ってるものが違いますからね。

$(".target").attr("title", $(this).attr("param"));
});

こういうことをしたい場合は以下のようにすれば良いです。

$(".target").each(function(){
	$(this).attr("title", $(this).attr("param"));
});

y-kawaz · Accepted Answer · 2009-09-25T18:59:58+09:00

this.attr("param") ではなく $(this).attr("param") か this.getAttribute("param") じゃないでしょうか？

↓こんな感じのコードで動作確認できました。

$(".target").click(function(){
  alert( $(this).attr("param") );
});
$(".target").click(function(){
  alert( this.getAttribute("param") );
});

ちなみに以下のようなことは出来ません。ここではthisに入ってるものが違いますからね。

$(".target").attr("title", $(this).attr("param"));
});

こういうことをしたい場合は以下のようにすれば良いです。

$(".target").each(function(){
	$(this).attr("title", $(this).attr("param"));
});

jQueryのメソッドチェーン中で各要素の属性にアクセスする方法を教えて下さい。

ベストアンサー

y-kawaz14222262009/09/25 18:59:58

その他の回答（1件）

y-kawaz14222262009/09/25 18:59:58ここでベストアンサー

regnif56202009/09/25 19:16:18

コメント（0件)

この質問への反応（ブックマークコメント）