我有兩個并排的相同元素的例子。我需要一次只能切換一個類。使用我當前的 Javascript,它們同時被切換。這是后端開發人員用來構建前端的樣式指南的一部分,因此我不能擁有僅用于 javascript 的無關類。此示例僅適用于使用 groovy/grails 在實際應用程序中工作的樣式指南。非常感謝任何提示! $('.toggle-button-wrapper').on('click', function(e) { $('.toggle-button').toggleClass("toggle-button-selected"); e.preventDefault(); });<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><h4 style="margin-bottom: 10px;">Dark toggle</h4><div class="toggle-btn-dark"> <div class="toggle-button-wrapper"> <button class="toggle-button btn-card-mini first toggle-button-selected"> - </button> <button class="btn-card-big toggle-button last"> + </button> </div></div><br><h4 style="margin-bottom: 10px;">Light toggle</h4><div class="toggle-btn-light"> <div class="toggle-button-wrapper"> <button class="toggle-button btn-card-mini toggle-button-selected first" > - </button> <button class="btn-card-big toggle-button last"> + </button> </div></div>
一次只影響一個元素的切換類
catspeake
2021-11-12 14:28:09