例えば以下のような既存の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.3ベストアンサー
- 回答日時:
HTML4 なら jQuery.data() で要素にデータを紐づけるとか。
http://api.jquery.com/jQuery.data/
http://d.hatena.ne.jp/rikuba/20100816/1281929108
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側から渡せればベストなのですが・・・。
お探しの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ランキング
-
idを使わずにonclickで自身の要...
-
ページ内に複数表がある場合のT...
-
functionから別のfunctionを実...
-
if文等のブロック内での関数宣...
-
phpでの文字の点滅表示
-
無名関数を使うメリットは何で...
-
関数でy=g(x)のgとは何の略です...
-
window.openでタイトル名の指定
-
javascript 特定のタグのidの存...
-
二次元配列を使って順位をだす...
-
今日の月と日付の1週間後や3日...
-
GASでGoogleフォームの自動返信...
-
任意の座標をクリックさせるには
-
同じIDで定義した要素の配列を...
-
javascriptで指定した日時にリ...
-
VB6における事前バインディング...
-
javascriptであるボタンを押す...
-
google apps scriptの終了のさせ方
-
重複しないくじの作り方がわか...
-
ラジオボタンでreadonlyの切替え
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
idを使わずにonclickで自身の要...
-
functionから別のfunctionを実...
-
関数でy=g(x)のgとは何の略です...
-
jslintのエラーについて質問
-
クリックすると上に開くアコー...
-
XMLHttpRequestでキャッシュを...
-
ajax反映後のjqueryが動かない
-
要素名がスペースを含む場合のj...
-
function(e)の意味を教えてくだ...
-
jQueryの :not() .not() が有効...
-
jQueryでzipを解凍読み込みする...
-
getElementByIdを使用したグロ...
-
関数名をテキストから読み込む...
-
jqueryuiのdialog
-
addEventListener()でリスナー...
-
jqueryのグローバル変数とロー...
-
jQuery 同じ処理を関数にまとめ...
-
drawImageの描画順序の指定につ...
-
XMLHttpRequestオブジェクトが...
-
jQueryが読み込めない
おすすめ情報