Q&A
前提・実現したいこと
タイトルどおり、以下のコードで
画面に表示されている画像をクリックしたら対象の画像を消し、
「reset」ボタンをクリックしたら全画像を一括表示するプログラムを
ご教授いただきたいです。
該当のソースコード
<script> var pname = ["all1","all2","all3","all4","all5","all6","all7","all8","all9"]; function startReset(){ var i,btn; } function showHide(ele){ } </script> </head> <body bgcolor="#FFFFFF"> <div id="all1"> <img src="all1.png" id="gazo1" > </div> <div id="all2"> <img src="all2.png" id="gazo2" > </div> <div id="all3"> <img src="all3.png" id="gazo3" > </div> <div id="all4"> <img src="all4.png" id="gazo4" > </div> <div id="all5"> <img src="all5.png" id="gazo5"> </div> <div id="all6"> <img src="all6.png" id="gazo6" > </div> <div id="all7"> <img src="all7.png" id="gazo7"> </div> <div id="all8"> <img src="all8.png" id="gazo8"> </div> <div id="all9"> <img src="all9.png" id="gazo9"> </div> <form><p> <input type="button" value="reset" onclick="startReset();"> </p> </form> </body> </html>補足情報
js勉強中ですので
ご返答いただけたらと思います。
よろしくお願いいたします。
回答1件
0
ベストアンサー
jQuery を使っていいなら、
js
1var imgs = $('#all1,#all2,#all3,#all4,#all5,#all6,#all7,#all8,#all9'); 2 3function startReset(){ 4 imgs.show() 5} 6 7imgs.click(function() { 8 $(this).hide(); 9})
最初の変数への要素の代入は前方一致で取得することも可能です。
js
1var imgs = $('[id^="all"]');
投稿2020/02/11 06:46
編集2020/02/11 06:57
総合スコア33782
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/02/11 08:18
2020/02/11 09:52
2020/02/11 11:46