jQueryでプログラムを書いています。
同じ処理が複数出てきているので一まとめにしてて見やすくしたいのですが・・・・
やり方がわかりません。
たとえば、
$("#id1").on("click",function(){
var num1=1;
var num2=2;
var a;
a=num1 + num2;
alert(a);
})
$("#id2).on("hover",function(){
var num3=3;
var num4=4;
var b;
b=num3 + num4;
alert(b)
})
のようにほぼ同じ処理を違うイベントで行う場合です。
関数自体は作れるのですが、、、、
function calc(numa,numb){
alert(numa+numb);
}
jquery内でjavascript(Java?)の関数は使えないというのを聞いたことがあります。
どのようにすれば使ええるのでしょうか?
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
>jquery内でjavascript(Java?)の関数は使えない
そんなことはありませんよ。
$(document).ready(function(){
alert("TEST");
});
これはちゃんと動作します。
ちなみに、JavaScriptとJavaは全く別物です。その説明はここではしませんが。
さて本題です。
例示されたコードから「まとめ」た例を作成し提示することはできますが、その前にまず文書構造を見直してもらいたいです。
「jQueryによって、一部の値が違うだけの同じ流れの処理を行う」要素が複数あるのに、個別のIDしかないというのはよくないです。
HTMLが提示されていないのと例示のJSがあまりにも「例えば」すぎるので断言はできませんが、一般にそういう場合には共通のclassを付け「jQueryのeachを使ってそのclassが付いた要素全てに適用する」という組み方をします。
HTMLと本来のJSのコードを示してもらえれば、具体的に回答できると思います。
ちなみに「例えば」の「まとめ」例。
function calc(numa,numb){
alert(numa+numb);
}
for(i=1;i<=2;i++){
$("#id" +i).on("hover",function(){
calc(i * 2 - 1, i * 2);
});
})
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript JAVASCRIPT 2 2022/04/15 15:10
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- C言語・C++・C# C言語プログラム変更 2 2022/12/21 15:03
- JavaScript jQueryでのレスポンシブが綺麗に動かない 3 2022/06/21 11:08
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- オープンソース Coinmarketcap api 1 2022/05/30 15:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
関数でy=g(x)のgとは何の略です...
-
idを使わずにonclickで自身の要...
-
[Delphi]入れ子(?)になったプロ...
-
jQueryを使用して以下のような...
-
functionから別のfunctionを実...
-
ActiveXobjectが作成できない
-
JavaScriptで決まった「時刻」...
-
C#テキストボックスの文字を配...
-
Boolean型配列中のTrueの有無を...
-
google apps scriptの終了のさせ方
-
jspからjavascriptの変数引継ぎ
-
任意の座標をクリックさせるには
-
Linux バイナリ実行できない "...
-
javascriptでスロットゲームを...
-
window.openでタイトル名の指定
-
javascriptでiframeのURL変更は?
-
javascript 特定のタグのidの存...
-
翌月を取得するGASが分かりません
-
ASP.NETのコントロールの値をJa...
-
VSCODE[Python]の設定について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
functionから別のfunctionを実...
-
idを使わずにonclickで自身の要...
-
関数でy=g(x)のgとは何の略です...
-
jslintのエラーについて質問
-
jQueryの :not() .not() が有効...
-
クリックすると上に開くアコー...
-
jQueryのプラグイン「Skitter」...
-
関数名をテキストから読み込む...
-
小数点以下を5刻みで表示
-
XMLHttpRequestでキャッシュを...
-
jQueryでzipを解凍読み込みする...
-
Matlabで自作関数をオーバーロード
-
javascript(jQuery)でセル内...
-
要素名がスペースを含む場合のj...
-
ページ内に複数表がある場合のT...
-
処理前の「お待ちください」
-
JS 頭文字が大文字について
-
HTML5でファイルドラッグ&ドロ...
-
Javascriptリアルタイムエラー...
-
getElementByIdを使用したグロ...
おすすめ情報