教えて頂きたい事
親class内の子classをクリックした際に行う処理を別々にしたい。
boxaをcssでボタンにしており、クリックした際に中の数値を別の場所に足したり引いたりしたいと考えています。
例:「tab1」内 boxa クリックで 5(boxb), 10(boxc)を「EXP」内 box2, box3 に加算する。「tab2」の場合は減算。
html
1<div class="tab1"> 2 <div class="boxa">足し算</div> 3 <div class="boxb">5</div> 4 <div class="boxc">10</div> 5</div> 6 7<div class="tab2"> 8 <div class="boxa">引き算</div> 9 <div class="boxb">10</div> 10 <div class="boxe">5</div> 11</div> 12 13<div class="EXP"> 14 <div id="exp1" class="box1">0</div> 15 <div id="exp2" class="box2">0</div> 16 <div id="exp3" class="box3">0</div> 17 <div id="exp4" class="box4">0</div> 18 <div id="exp5" class="box5">0</div> 19</div>
javascript
1$(document).ready(function(){ 2 $(".boxa").on("click",function(){ 3 } 4}
問題点
現状のjavascriptコードの場合、両方のboxaで同じ処理になってしまう為、各々別に処理するためには親classを判定に入れる事が良いのではと考えました。指定方法がわからずこちらを利用させていただきました。
環境
windows10
VScode
回答1件
あなたの回答
tips
プレビュー