例えば以下のような既存の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ランキング
-
functionから別のfunctionを実...
-
【javascript 】addEventListen...
-
idを使わずにonclickで自身の要...
-
javascriptのreturnがわからない
-
関数でy=g(x)のgとは何の略です...
-
文字を一文字ずつ表示
-
javaScript textareaの一行あた...
-
なぜmatchメソッドがエラーにな...
-
ジェネレーターの作り方
-
JavaScriptのフォントの大きさ
-
gas スプレッドシートがアクテ...
-
Array.prototype.~の使い方に...
-
javascriptで複数キーワード検...
-
大量データの一括変換
-
G Maps APIで同時にストリート...
-
日付チェックと正規表現
-
二次元配列を使って順位をだす...
-
そろった牌を選ぶと自動的に適...
-
<span><div><input>いずれの値...
-
JavaScriptで平日のみをカウン...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
関数でy=g(x)のgとは何の略です...
-
idを使わずにonclickで自身の要...
-
functionから別のfunctionを実...
-
jslintのエラーについて質問
-
要素名がスペースを含む場合のj...
-
javascript(jQuery)でセル内...
-
ajax反映後のjqueryが動かない
-
jQueryの :not() .not() が有効...
-
getElementByIdを使用したグロ...
-
コードをスマートにさせたい。
-
クリックすると上に開くアコー...
-
jQueryの"return false"の役割...
-
jQueryが読み込めない
-
jqueryの変数を関数の外に出す方法
-
個別では動く、javascriptのエラー
-
一つのアクションで関数を二つ...
-
R言語
-
jQuery|:not(:animated)
-
XMLHttpRequestでキャッシュを...
-
スムーズに動く アニメーション...
おすすめ情報