删除块内所有元素的类

时间:2014-10-15 10:50:05

标签: jquery

在我的表格中,一些<td>个元素有collapse个类。所以,我需要从所有元素中删除这个类,在我的表中有这个类,单击a-element。 然后将标记值更改为&#34;隐藏&#34;并将班级collapse归还给他之前拥有的元素。

<a href="#">Show All</a>
<table class="prices">
    <tr>
        <td>$ 100</td>
        <td class="collapse">$ 99</td>
        <td>$100</td>
        <td class="collapse">$ 99</td>
        <td>$120</td>
    </tr>
</table>

2 个答案:

答案 0 :(得分:2)

您可以缓存可折叠的元素,然后在点击处理程序中切换类和文本。

var collapsed = $('.collapse');

$('a').on('click', function() {

    collapsed.toggleClass('collapse');

    $(this).text(function(_,txt) {
        return txt === 'Show All' ? 'Hide' : 'Show All';
    });

});

答案 1 :(得分:-1)

$(".collapse").removeClass("collapse");

参考:http://praba-2011.blogspot.in