獲取所有父元素少於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()方法。