javascript - 有没有不同的方法来删除 jquery 中的类？

Question

我正在使用此代码

$(".textForm input").focus(function(){
    $(this).val("");
    $(".card").find('.'+this.id).addClass('focus');
}).blur(function(){
    $(".card").find('.'+this.id).removeClass('focus');
});

在关注 an 时添加.focus类input box，但每当我单击任何不是input box该类的地方时，都会删除该类。有没有办法只在单击另一个类时才删除该类input box？我不确定我的问题是否正确，希望有人能理解我。提前致谢。

Answer 1

:input选择所有输入

$(":input").click(function(){

$(":input").removeClass('focus');

});

工作演示

Answer 2

$('input').on('click',function(){
    $('.focus').removeClass('focus');
    $(this).addClass('focus')
})

上面的代码确保仅在将一个元素添加到另一个元素时才从一个元素中删除“焦点”类。

Answer 3

你试试这个：

 $("input.textForm").focus(function(){
    $(this).val("");
    $(".card").find('.'+$(this).attr('id')).addClass('focus');
}).blur(function(){
    $(".card").find('.'+$(this).attr('id')).removeClass('focus');
});