获取所有父元素少于n个子元素的jQuery选择器

Question

我有一个表格，每行可以有可变数量的<td>元素，但每行元素的最大值为3 <td>。假设我想选择少于3 <td>元素的行，并将它们分配给一个变量，有没有办法只用jQuery来选择这些行？我知道我可以用的东西，我的每一行迭代，就像这样：

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>

有没有一种方法可以让我做同样只用jQuery选择和方法（例如.siblings()或.parents()） ？

Here's JSFiddle我给出的例子。我找过一个类似的问题，但找不到像这样的东西，所以我希望有人会有一些想法，如果这是可能的。

Answer 1

使用组合:not(),:has()和:eq()伪类选择器。

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：根据您的需求，您可以使用的:nth-child()或:nth-of-type()代替:eq()方法。