jQuery将一个类切换到另一个div，但仅切换到该div？

我有类似的东西，只是想切换一个类

<div class="web">
/* wrapper 1 */
<div class="wrapper">
    <div class="box1">
        <img src="/" />
        <p>sdas</p>
        <div class="buttons-box">
            <div class="button1"></div>
            <div class="button2"></div>  /* on click on this button */
        </div>
    </div>
    <div class="box2">  /* here add a class */
    </div>
</div>
    /* wrapper 2 */
<div class="wrapper">
    <div class="box1">
        <img src="/" />
        <p>sdas</p>
        <div class="buttons-box">
            <div class="button1"></div>
            <div class="button2"></div>
        </div>
    </div>
    <div class="box2">  /* BUT NOT HERE */
    </div>
</div>

/*包装1*/
sdas

/*点击这个按钮*/
/*这里添加一个类*/
/*包装2*/
sdas

/*但不是在这里*/

---

我想对于那些知道jQuery的人来说是很清楚的，谢谢

如果您想让两个包装器做相同的事情，但只针对它们的包装器，您可以这样做

$(".button2").on("click",function() {
    $(this).closest(".box2").toggleClass("Insert class here")
}

但是如果你想让类只在第一个包装中切换，你必须给按钮一个ID，就像这样

<div class="button2" id="BtnID"></div> 

$("#BtnID").on("click",function() {
    $(this).closest(".box2").toggleClass("Insert class here")
}

$（“#BtnID”）。在（“单击”，函数（）{
$（this）.closest（“.box2”）.toggleClass（“在此插入类”）
}

which class…..您尝试了什么？您想找到父包装，然后找到box2元素并向其中添加一个类。我已经绑定了如下内容：$（'.button2'）。on（'click'，function（e）{$（'.box2'）。toggleClass（“active”）；e.preventDefault（）；}）；但这会将类活动添加到每个box2！