wählen Sie alle Eingabeelemente, aber nicht die aktuelle

Question

Dieser Meteor Client Template.abc.events Code versucht, eine Klasse auf alle Eingabeelement anwenden, aber nicht die, die das Ereignis ausgelöst hat.
ich es nicht so, wie kann es behoben werden? Dank

'click input[name="a.b"]': function(event) { 
    $('input:not($(event.target))').each(function(element) { 
     $(element).addClass('inactive'); 
    }) 
    } 

Answer 1

$(event.target) ist ein String und wird nicht ausgewertet, es wird als Selektor behandelt werden. Sie können die .not Methode verwenden, die das übergebene Element (e) aus dem Satz schließt:

$('input').not(event.target).each(fn); 

Beachten Sie auch, dass der erste Parameter des .each Rückruf der Index. Ihre each Schleife kann das aktuelle Element der Iteration nicht auswählen. Sie sollten entweder den zweiten Parameter des Rückrufs oder das Schlüsselwort this verwenden. Da jedoch .addClass die Sammlung durchläuft, ist es nicht erforderlich, die Methode .each zu verwenden. Sie können einfach die .addClass am Set anrufen.

Answer 2

Versuchen Sie, diese $('input').not(event.target)

Answer 3

Sie die input:not(:focus) dafür verwenden können:

$(document).ready(function() { 
    $('input').click(function() { 
     $(this).removeClass('inactive'); 
     $('input:not(:focus)').addClass('inactive'); 
    }); 
}); 

Arbeits Beispiel:

$(document).ready(function() { 
 
    $('input').click(function() { 
 
    $(this).removeClass('inactive'); 
 
    $('input:not(:focus)').addClass('inactive'); 
 
    }); 
 
});

.inactive { 
 
    border: 1px solid red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input /> 
 
<input /> 
 
<input /> 
 
<input />