例えば以下のような既存のJavaScriptのコードをjQueryのイベントで書き直したい場合、関数の引数で渡していた値は、どうやって渡すのでしょうか?
【html】
<a href="" onclick="func_a('abc'); return false;"></a>
【JavaScript】
faunction func_a(param_a){
alert(param_a);
}
以下のようにすれば渡せないことはありませんが、かなり強引な感じがします。
【html】
<a href="" class="abc"></a>
【jQuery】
$(function() {
$("a").click(
function(){
var param = $(this).attr("class");
alert(param);
return false;
}
);
});
こういう場合はjQeuryであっても、onclick属性で関数を呼び出すのが普通なのでしょうか?
ご存知の方がいらっしゃいましたら教えてください。
よろしくお願い申し上げます。
No.1
- 回答日時:
jqueryのサイトのサンプルにちゃんと方法が載ってます。
確認しましたか!
http://api.jquery.com/bind/
http://api.jquery.com/click/
http://semooh.jp/jquery/api/events/bind/type%2C+ …
$("a").click({hoge:"abc"},
function(event){
alert(event.data.hoge);
return false;
}
);
ご回答いただきありがとうございました。
そんな方法があったとは知りませんでした。
ただ、この方法の場合、パラメーターをjQuery側に記述しないといけないので、やはり使いにくいです。
HTML側から渡せればベストなのですが・・・。
No.3ベストアンサー
- 回答日時:
HTML4 なら jQuery.data() で要素にデータを紐づけるとか。
http://api.jquery.com/jQuery.data/
http://d.hatena.ne.jp/rikuba/20100816/1281929108
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript JAVASCRIPT 2 2022/04/15 15:10
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
functionから別のfunctionを実...
-
関数でy=g(x)のgとは何の略です...
-
javascriptのソースでvar resul...
-
jslintのエラーについて質問
-
Javascriptで引数の参照渡しか...
-
jQueryの"return false"の役割...
-
Javascriptで文字列操作
-
jqueryの変数を関数の外に出す方法
-
phpでの文字の点滅表示
-
JavaScript 、function、return
-
小数点以下を5刻みで表示
-
即時関数でプライベート変数的...
-
同じIDで定義した要素の配列を...
-
<a>タグのテキストを取得
-
javascriptとphpの連携で疑問
-
Javascriptグローバル変数の値...
-
ActiveXobjectが作成できない
-
JavaScriptでの動的な多次元配...
-
C#テキストボックスの文字を配...
-
javascriptで自動計算フォーム...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
idを使わずにonclickで自身の要...
-
functionから別のfunctionを実...
-
関数でy=g(x)のgとは何の略です...
-
jslintのエラーについて質問
-
クリックすると上に開くアコー...
-
XMLHttpRequestでキャッシュを...
-
ajax反映後のjqueryが動かない
-
function(e)の意味を教えてくだ...
-
要素名がスペースを含む場合のj...
-
jQueryの :not() .not() が有効...
-
jQueryでzipを解凍読み込みする...
-
関数名をテキストから読み込む...
-
getElementByIdを使用したグロ...
-
jqueryuiのdialog
-
jqueryのグローバル変数とロー...
-
jQuery 同じ処理を関数にまとめ...
-
XMLHttpRequestオブジェクトが...
-
addEventListener()でリスナー...
-
drawImageの描画順序の指定につ...
-
javascript(jQuery)でセル内...
おすすめ情報