jQuery-Selektor, der alle übergeordneten Elemente mit weniger als n untergeordneten Elementen enthält

Question

Ich habe eine Tabelle mit einer variablen Anzahl von <td> Elementen in jeder Zeile, aber mit maximal 3 <td> Elementen pro Zeile. Angenommen, ich möchte die Zeilen mit weniger als 3 <td> Elementen auswählen und sie einer Variablen zuweisen. Gibt es eine Möglichkeit, diese Zeilen nur mit jQuery auszuwählen? Ich weiß, dass ich etwas verwenden können, wo ich durch jede Zeile durchlaufen, etwa so:

var rows = $("tr").filter(function() { 
 
    return $(this).children().length < 3 
 
}); 
 

 
rows.css("background-color", "blue");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tbody> 
 
    <tr> 
 
     <td>1</td> 
 
     <td>2</td> 
 
     <td>3</td> 
 
    </tr> 
 
    <tr> 
 
     <td>1</td> 
 
    </tr> 
 
    <tr> 
 
     <td>1</td> 
 
     <td>2</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Gibt es eine Weise, die ich das gleiche tun mit nur jQuery Selektoren und Methoden (zB .siblings() oder .parents()) ?

Here's ein JSFiddle des Beispiels, das ich gab. Ich habe nach einer ähnlichen Frage gesucht, konnte aber nichts dergleichen finden, also hoffe ich, dass jemand ein paar Ideen hat, wenn das möglich ist.

Answer 1

Verwenden Sie die Kombination :not(), :has() und :eq() Pseudoklassen-Selektoren.

var rows = $("tr:not(:has(:eq(2)))"); 
 

 
rows.css("background-color", "blue");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tbody> 
 
    <tr> 
 
     <td>1</td> 
 
     <td>2</td> 
 
     <td>3</td> 
 
    </tr> 
 
    <tr> 
 
     <td>1</td> 
 
    </tr> 
 
    <tr> 
 
     <td>1</td> 
 
     <td>2</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

---

FYI: nach Bedarf Je Sie :nth-child() oder :nth-of-type() statt :eq() Methode verwenden können.