Jquery 删除块内所有元素的类

在我的表中，一些

元素具有类

折叠

。因此，我需要从所有元素中删除这个类，这些元素在我的表中包含这个类，单击

a-element

。 然后将一个标记值更改为“Hide”，并将class

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>

$ 100
$ 99
$100
$ 99
$120

---

Ref:

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

var collapsed = $('.collapse');

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

    collapsed.toggleClass('collapse');

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

});

---

这将删除该类。OP需要能够将其切换回来。OP还需要更改链接中的文本。此外，我猜你个人博客的链接很可能被视为垃圾邮件，除非你指向与所问问题相关的帖子。

var collapsed = $('.collapse');

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

    collapsed.toggleClass('collapse');

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

});