为什么jQuery不删除我的类?

Why won't jQuery remove my class?

本文关键字:我的 删除 jQuery 为什么      更新时间:2023-09-26

小提琴:http://jsfiddle.net/xrjsq6Ls/

我似乎不能让jQuery删除我指定的类,但是fadeOut()将淡出预期的DOM元素。我做错了什么?

HTML:

<div class="comment_section">
    <div class="comment_outter user-marked-offensive">
        <div class="comment_arrows"></div>
        <div class="comment_inner">
            <div class="actions"> 
                <a class="offensive simulate-link">Mark Comment As Offensive</a>
            </div>
        </div>
    </div>
</div>
jQuery:

var selector = ".user-marked-offensive > .comment_inner > .actions > .offensive";
$('.comment_section').on("mouseover", selector, function () {
    $(this).closest('.comment_outter').removeClass('.user-marked-offensive');
    //$(this).closest('.comment_outter').fadeOut();
});

removeClass()以类名作为参数,而不是类选择器

$(this).closest('.comment_outter').removeClass('user-marked-offensive');

演示:小提琴

您应该在removeClass方法中删除.

$(this).closest('.comment_outter').removeClass('.user-marked-offensive');

$(this).closest('.comment_outter').removeClass('user-marked-offensive');

使用removeClass你不需要在类名前写点;)

$(this).closest('.comment_outter').removeClass('user-marked-offensive');