Specifiy input target blur function

Question

Моя функция работает так, как должна. есть ли способ удалить функцию из определенного входа? Потому что он меняет все входы .. У меня есть 2 флажка и 1 вход, который мне не нужно включать.

$('input').blur(function(){ 
    $('input').parent().removeClass("gray"); 
}) 
    .focus(function() {  
     $(this).parent().addClass("gray") 
}); 

Answer 1

Попробуйте добавить класс к входу и флажком, что вы не хотите onblur функции, а затем обновить код, как показано ниже

Добавьте class к трем входам, которые Вы не хотите эту функцию

$('input').not(".class").blur(function() { 
    $(this).parent().removeClass("gray"); 
    }) 
    .focus(function() { 
    $(this).parent().addClass("gray") 
    }); 

Надеюсь, это поможет вам, д.

Answer 2

Используйте this контекст, $('input') подберет все <input> элементы, this в callback будет удерживать элемент, на котором event вызывается!

$('input').blur(function() { 
 
    $(this).parent().removeClass("gray"); 
 
    }) 
 
    .focus(function() { 
 
    $(this).parent().addClass("gray") 
 
    });

.gray { 
 
    background: gray; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<div> 
 
    <input type="text"> 
 
</div> 
 
<div> 
 
    <input type="text"> 
 
</div>

Answer 3

Если у вас есть идентификаторы для этих трех входов, вы можете использовать этот фрагмент кода.

$('input').blur(function(){ 
    $(this).parent().removeClass("gray"); 
}) 
.focus(function() {  
    $(this).parent().not("#id1, #id2, #id3").addClass("gray") 
}); 

Он добавит класс к тем входам, которые не соответствуют селектору.