数種類のボタン毎に、モーダルを開くとモーダル内のリンクボタンのクラスを別のクラス名に
書き換える仕組みをJavascriptで作りたいと調べているのですが、下記のように2つクラスが付いている要素のうち、2番目のクラス(Btn_kanto_01等)
のみ書き換えたい場合はどうすればいいでしょうか。
<a href="" class="modal-btn Btn_kanto_01" id="modal-btn01"><span>関東</span> エリア</a> <!--例 btn-kanto_01→btn-kanto_02 に書き換え-->
classList.replace()を使うと思うのですが、指定の仕方がわかりません。どなたかご教授の程よろしくお願い致します。
<!--モーダル内のリンクボタン群--> <ul class="modal-content_list"> <li class="modal-content_item"> <a href="" class="modal-btn Btn_kanto_01" id="modal-btn01"><span>関東</span> エリア</a> </li> <li class="modal-content_item"> <a href="" class="modal-btn Btn_kanto_02" id="modal-btn02"><span>関西</span> エリア</a> </li> <li class="modal-content_item"> <a href="" class="modal-btn" id="modal-btn03"><span>北信越・東海</span> エリア</a> </li> <li class="modal-content_item"> <a href="" class="modal-btn Btn_kanto_03" id="modal-btn04"><span>中国・四国</span> エリア</a> </li> <li class="modal-content_item"> <a href="" class="modal-btn Btn_kanto_04" id="modal-btn05"><span>九州・沖縄</span> エリア</a> </li> </ul>
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。