jquery removeClass in der aktuellen Zeile

Question

Ich habe Bearbeitungsschaltfläche in der letzten Zelle der Tabelle. Wenn ich darauf klicke, überprüfe ich Eingaben, wenn etwas schief geht. Ich füge den notwendigen Eingaben eine Fehlerklasse hinzu. Wenn der Benutzer Fehler korrigiert und die Bearbeitungsschaltfläche erneut drückt, möchte ich die Fehlerklasse der aktuellen Zeile entfernen. aber nicht aus der ganzen Reihe. Wie es geht?

Answer 1

Im Click-Handler:

$(this).closest('tr').removeClass('errorClass'); 

Oder wenn es von den 'Input' Elemente war:

$(this).closest('tr').find(':input').removeClass('errorClass'); 

Answer 2

Ihre Click-Handler bearbeiten Knopf könnte wie folgt aussehen:

$("selector_for_table tr input[name=edit]").click(function() { 
    var row = $(this).closest('tr'); 
    if (everythingIsValid()) { 
     row.removeClass('invalid'); 
    } 
    else { 
     row.addClass('invalid'); 
    } 
}); 

Das verwendet closest, um das erste übergeordnete Element der angeklickten Schaltfläche zu finden, das eine tr ist .

... obwohl Sie bei delegate für diese aussehen könnte, wenn Sie ein up-to-date mit jQuery sind:

$("selector_for_table").delegate('input[name=edit]', 'click', function() { 
    var row = $(this).closest('tr'); 
    if (everythingIsValid()) { 
     row.removeClass('invalid'); 
    } 
    else { 
     row.addClass('invalid'); 
    } 
}); 

... wenn die Zeilen dynamisch sind (zB wenn Sie hinzufügen oder entferne sie). delegate legt nur einen Handler für das Elternelement fest und überwacht dann, ob das Ereignis platzt. Wenn es das Ereignis sieht und das Quellelement des Ereignisses mit dem angegebenen Selektor übereinstimmt, wird der Handler ausgelöst.