jQuery的 - 如果表TR有4 TD做一些

Question

我試圖從表具有小於4 TD內取出所有TR。

因此，例如，在這個表我想第二TR走開：

HTML

<table> 
    <tbdy> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
     <td>3</td> 
     <td>4</td> 
    </tr> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
     <td>3</td> 
    </tr> 
    </tbody> 
</table> 

我的東西想這樣

jQuery的

if ($('table tbody tr td').length >= 4) { 
    //4 i ok so do nothing 
} else { 
    $(this).parent("tr").remove(); 
} 

但我無法與此。 有什麼幫助嗎？

Answer 1

使用jQuery :has()選擇與:not()和:nth-child()僞類選擇。

$('tr:not(:has(:nth-child(4)))').remove()

<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> 
 
     <td>4</td> 
 
    </tr> 
 
    <tr> 
 
     <td>1</td> 
 
     <td>2</td> 
 
     <td>3</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

---

或可替代地，可使用filter()方法濾除元件只包含大於4並取出少td。

$('tr').filter(function() { 
 
    return $(this).children('td').length < 4; 
 
}).remove()

<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> 
 
     <td>4</td> 
 
    </tr> 
 
    <tr> 
 
     <td>1</td> 
 
     <td>2</td> 
 
     <td>3</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

Answer 2

你的結構應該是：

<table> 
    <tbody> 
    <tr> 

而且你可以選擇它：

$('table tbody tr') 

要獲得所有TR小於4列，你應該通過他們循環。

你的最終代碼應該是：

$('table tbody tr').each(function() { 
    var row = $(this); 
    if (row.find('td').length < 4) { 
     row.remove(); 
    } 
}); 

Answer 3

這應該工作：

$('table tbody tr').each(function() { 
    var $tr = $(this); 
    if ($tr.find('> td').length < 4) { 
     $tr.remove(); 
    } 
});