ベストアンサー

繰り返し処理のシンプルな書き方

2013/04/08 14:53

プログラム初心者です。下記のようなjavascript(Ajax)を作りました。 forなどで、もう少しシンプルに書く方法はありますか？ var check = ['link0', '#link1','#link2']; $(check[0]).click(function () { 処理A }); $(check[1]).click(function () { 処理A }); $(check[2]).click(function () { 処理A }); ※処理Aは同じ処理どうぞ宜しくお願い致します。

usanco
お礼率20% (1/5)

AJAX
回答数4
ありがとう数1

みんなの回答 （4）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

cero_d
ベストアンサー率87% (14/16)

2013/09/05 18:38 回答No.4

forの場合 for (key in check) { $(check[key]).click ( function() { if(this.checked) { thwrite(); } else { thremove(); } for (key in check) { if ($(check[key]).attr('id') == this.id) { $(".cell"+key).toggle(this.checked); } } }); } eachの場合 $.each(check, function(x,y){ $(y).click(function (){ if(this.checked) { thwrite(); } else { thremove(); } $(".cell"+x).toggle(this.checked); }) });

質問者

お礼 2013/09/26 22:10

遅くなってしまい、申し訳ございません。丁寧に教えてくださってありがとうございました！

その他の回答 (3)

神崎渉瑠（@taloo）
ベストアンサー率44% (1016/2280)

2013/04/09 04:42 回答No.3

jQueryの引数（セレクタ）はCSSセレクタのルールに準拠しているので、こういう書き方はできませんか？ var check = ['#link0', '#link1','#link2']; $(check.join(',')).click(function(){ 処理A }); 未検証です。 >No.1補足処理内容が違ってれば、別々に書かなきゃ無理ですね。一定のルールがあれば、そのルールをプログラムに書き直せば良いですが。

質問者

補足 2013/04/09 11:12

ご回答有難うございます。 .joinというものもあるんですね！勉強します。大変便利なので、他のシーンがあった時、是非活用させていただきます。 no.2のLancerVIIさんの書き込みにコードを補足させて頂きましたので、お手隙の時にでもどうぞ宜しくお願い致します。

LancerVII
ベストアンサー率51% (1060/2054)

2013/04/08 17:58 回答No.2

こんにちは。何かちょっとしたミスがありませんかね。私の環境では動きましたよ。 $(check[i]).click ( function() { $(".cell"+i).toggle(this.checked); }); }; だとclass="cell0",class="cell1"とか付けないといけないので個人的にはおすすめしません。 jQueryのセレクタは柔軟に対応できるのでいろいろなアクセス方法があります。現在のHTMLの構成と、やりたいことがわかればもうちょっとアドバイス出来ると思います。

質問者

補足 2013/04/09 11:08

こんにちは。2度目のご回答ありがとうございます。 >class="cell0",class="cell1"とか付けないといけないのでこちらは、後ほど.eachと.addClassを使って設定しようと思っておりました。簡単に、コードを補足します。ネットから切り貼りしたド素人製でお恥ずかしい限りなのですが、何卒宜しくお願い致します。イメージは、エクセルの上の部分です。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>アルファベット順のテーブルのテスト</title> <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> <script>  </script> <style>  </style> </head> <body> <form name="chbox"> <input type="checkbox" id="link0"> <input type="checkbox" id="link1"> <input type="checkbox" id="link2"> </form> <table id="sample"> <tr> </tr> <tr> <td class="cell0">test0</td> <td class="cell1">test1</td> <td class="cell2">test2</td> </tr> </table> </body> </html>

LancerVII
ベストアンサー率51% (1060/2054)

2013/04/08 15:03 回答No.1

こんにちは。対象の要素にclass="hoge"とつけてあげて $('.hoge').click ( function() { // 処理A }); では駄目でしょうか。 forで書きたいなら for ( var i = 0; i < check.legnth; i ++ ) { $(check[i]).click ( function() { // 処理A }); } になると思いますが。 >var check = ['link0', '#link1','#link2']; は var check = ['#link0', '#link1','#link2']; ですよね？

質問者

補足 2013/04/08 17:18

早速のご回答ありがとうございます。 for ( var i = 0; i < check.legnth; i ++ ) { $(check[i]).click ( function() { // 処理A }); } こちらの方向で行いたいのですが、どうやら.clickイベントが実行されないようなんです。あと質問とは若干異なるのですが、 $(check[i]).click ( function() { $(".cell"+i).toggle(this.checked); }); }; を繰り返したいと思っています。（処理Aが微妙に違う） >var check = ['#link0', '#link1','#link2']; すみません、#が抜けておりました。ありがとうございます。

繰り返し処理のシンプルな書き方