javascript - 隐藏 n :th td element of every tr using Jquery

Question

我有一个这样的表:

<table Id="modules-mgr">
<tbody>
<tr>
<td>lorem ispium blok</td>
<td>lorem ispium blok</td>
<td>lorem ispium blok</td>
</tr>
<tr>
<td>lorem ispium blok</td>
<td>lorem ispium blok</td>
<td>lorem ispium blok</td>
</tr>
<tr>
<td>lorem ispium blok</td>
<td>lorem ispium blok</td>
<td>lorem ispium blok</td>
</tr>
</tbody>
</table>

我想隐藏每个 tr 中的最后一个 td。td 和 tr 没有任何类，因此我们需要使用 .eq 选择它们。并且还需要一个 else if 函数，例如调整大小事件。如果窗口大小调整为 200，则隐藏最后一个 td，如果窗口大小调整为 100，则隐藏最后两个 td。这是我到目前为止所做的，但没有效果；

jQuery(window).resize(function() {
var width=jQuery(window).width();
    if(width < 870) {
        jQuery('table#modules-mgr tr td').eq(10).hide()

    }
    /*elseif(width < 570) {

    }
    else {

    }*/
});

Answer 1

仅 CSS:

@media all and (max-width: 200px) {
    #modules-mgr td:last-child {display:none]
}
@media all and (max-width: 100px) {
    #modules-mgr td:nth-last-child(-n+2) {display:none]
}