見下面的代碼：
$(".btn").on("click", function () {
$(".main-div").toggleClass("active");
}).main-div.active {
background: red;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="one">
<div class="btn">ClickMe1</div>
<div class="test-div">test</div>
<div class="main-div">Div1</div>
</div>
<div class="one">
<div class="btn">ClickMe2</div>
<div class="test-div">test</div>
<div class="main-div">Div2</div>
</div>嗨，伙計們，有人可以幫我解決這個問題嗎？我的目標是當我單擊第一個按鈕時，活動類應該添加到其.main-div. 同樣，當我單擊第二個按鈕時，第一個 div 上的活動類將洗掉并添加到第二個 div 上.main-div，依此類推。目前正在使用切換其添加所有main-div任何人都可以幫助我嗎？先感謝您。
uj5u.com熱心網友回復：
您可以添加/洗掉類并使用兄弟姐妹進行搜索。
$(".btn").on("click", function () {
//remove all existing active
$(".main-div").removeClass("active");
//add to sibling of btn
$(this).siblings(".main-div").addClass("active");
}).main-div.active {
background: red;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="one">
<div class="btn">ClickMe1</div>
<div class="test-div">test</div>
<div class="main-div">Div1</div>
</div>
<div class="one">
<div class="btn">ClickMe2</div>
<div class="test-div">test</div>
<div class="main-div">Div2</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/335869.html