Question

我想在<div id="track_order" class="active"> mouseleave之后删除<div class="box_circle">上的课程。我怎样才能做到这一点？

的jQuery

jQuery('#b_track_order').click(function(){
    jQuery('#track_order').addClass('active');
});

HTML

<div class="order">
    <div class="rope"></div>
    <div id="track_order">
        <label>Order number</label>
        <input type="text" value="Order number">
        <label>Phone number</label>
        <input type="text" value="Phone number">
        <label>Address</label>
        <input type="text" value="Address">
    </div>
    <div class="box_circle">
        <div class="loop"></div>
        <div class="circle_order">
            <div class="pos">
                <div class="order"></div>
                <div class="follow">
                    <a class="button" href="#"><span>Order</span></a>
                    <a id="b_track_order" class="button" href="#"><span>Track Order</span></a>
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

如果我已正确理解了该问题，您希望删除mouseleave上box_circle事件中添加的课程，就像您使用addClass()一样，您只需使用{{ 1}}方法：

removeClass()

您可能知道，ID应该是唯一的，如果您仅使用ID来选择元素，则可以使用类和jQuery的$('.box_circle').on('mouseleave', function() { $('#track_order').removeClass('active'); });和.prev()方法：

closest()

Answer 2

请查看http://api.jquery.com/mouseout/和http://api.jquery.com/removeClass/

中的示例

如何删除mouseleave上的类

2 个答案: