在我的表格中,一些<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>
答案 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");