jquery - jQuery隐藏一些基于类的tds

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

您可以使用以选择器开头的属性

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

演示：小提琴

注意：它有一个缺点，如果你添加另一个类到tdlike <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();

演示：小提琴

Answer 2

你可以做这样的事情

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

使用td选择器，class它将隐藏所有具有 td1、td2 等类的 td。