【Javascript】ボタンクリックで2つのclassに対し、それぞれ別のclassを追加したい

<script>
$(function() {
$("#button1").click(function() {
$(".twiter-box").addClass('twiter-box-after');
});
});
</script>

上記のscriptで、botton1のidが付いたボタンをクリックすると、.twiter-boxの要素に.twiter-box-afterが付与されることは確認しています。

例：<div class="twitter-box"> → <div class="twitter-box twiter-box-after">

これをボタンクリック時に、複数のclassに対してそれぞれclassを付与したいのですが、どのように変更すればいいでしょうか。

具体的には
<div class="twitter"><div class="twitter-box"></div></div>
↓
<div class="twitter twitter2"><div class="twitter-box twitter-box-after"></div></div>
のような形です。

色々試しましたが上手く動作せず困っています。

No.1 ベストアンサー 回答者： fujillin 回答日時： 2022/07/29 21:13

こんばんは

基本的には、イベント処理（＝クリックしたときに実行される）の中に、やりたいことを書けば良いです。
ご提示の例であれば・・

$(function() {
$("#button1").click(function() {
$(".twiter-box").addClass('twiter-box-after');
$(".twiter").addClass('twiter2'); //　　　←　** 追加 **
});
});