Wie sauber definiert $() auf() Selektoren

Question

ich mit einer bestehenden jQuery (Version 3.2.1) Funktion arbeite.

$('#example').on('click', 'tbody td:not(:first-child)', 
    function (e) { 
     // do stuff 
    }); 

In diesem Fall Funktion (e) nur dann tätig werden, wenn die TD ist nicht die erste Spalte in der Reihe.

Wenn ich einige nicht Bedingungen hinzufügen muss (in was eine Tabelle mit mindestens 5 solcher Spalten ist), wird die Funktion etwas hässlicher.

Wenn ich es ausprobiere, weiß ich, dass es funktioniert, aber es muss einen besseren Weg geben, dies zu tun.

Gibt es eine sauberere Technik, um eine Reihe von nicht Bedingungen im Selektor anzuzeigen? Ich dachte, dass ich den Selektorstring durch eine Funktion ersetzen könnte, aber ich habe keine Beispiele dafür gesehen, selbst auf dem jQuery website.

Answer 1

@ lilezeks Antwort ist eine gute. Wenn Sie Ihr Ziel auf einzelne Zeilen verkürzen möchten, können Sie die Zeichenfolgen in einer Variablen an anderer Stelle definieren und dann die Variable als Auswahlelement an Ihren Ereignishandler übergeben.

var selector_foo = 'tbody td:not(:first-child):not(:nth- 
child(2)):not(:nth-child(3))' 
... 
$('#example').on('click', selector_foo, 
    function (e) { 
     // do stuff 
}); 

Answer 2

Suchen Sie etwas wie this?

$("#example") 
    .not(":first-child") 
    .not(":nth-child(2)") 
    .not(":nth-child(3)") 
    .on('click', 
    function (e) { 
    // do stuff 
    }); 

Haftungsausschluss: Ich habe nicht überprüft, ob das wirklich funktioniert.

Answer 3

Die Verwendung einer Klasse wäre eine viel einfachere Lösung. Fügen Sie einfach die Klasse, die Sie verwenden möchten, zu den Zellen hinzu, die Sie ausschließen möchten, und wählen Sie wie gewohnt aus.

tbody td:not(.exclude)