Question

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

<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>

我认为对于如何了解jQuery很清楚，谢谢！

Answer 1

如果你想让两个包装器做同样的事情，但只是为了它们的包装器，你可以做这样的事情。

$(".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")
}

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

1 个答案: