Question

我想知道是否可以根据课程隐藏tds。假设我有这张表：

<table id="newspaper-a">
    <tr>
       <td class="1">1</td>
       <td class="2">1</td>
       <td class="3">1</td>
       <td class="4">1</td>
       <td class="5">1</td>
       <td class="td1">1</td>
       <td class="td2">2</td>
       <td class="td3">3</td>
       <td class="td4">4</td>
       <td class="td5">5</td>
    </tr>
</table>

我想用class =“tdx”隐藏所有tds，如何在加载页面时使用JQuery实现这一点？

Answer 1

您可以使用attribute starts with selector

$('#newspaper-a td[class^=td]').hide()

演示：Fiddle

注意：它有一个缺点，如果您将另一个类添加到td <td class="some td5">5</td>，这将失败

没有任何第三方插件的不同方法

$('#newspaper-a td').filter(function(idx, el){
    var classes = (this.className || '').split(' ');
    var filter = false, regex = /^td\d+$/;
    $.each(classes, function(idx, value){
        if(regex.test(value)){
            filter = true;
            return false;
        }
    });
    return filter;
}).hide();

演示：Fiddle

Answer 2

你可以做这样的事情

$('td[class^="td"]').hide();

使用td选择器和class它会隐藏所有td类td1，td2等。

Jquery根据类隐藏了一些tds

2 个答案: