Question

我正在使用此代码

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

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

Answer 1

：输入选择所有输入

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

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

});

<强> WORKING DEMO

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');
});

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

3 个答案: