javascript - 如何使用 CSS 和 Jquery 一键获得两个结果

好的，我想要完成的是，一旦有人单击顶部的按钮，我们会说“Pagado”按钮我希望它也显示“Pendiente”结果，而我们会说它们是相关的，我希望它们都显示出来。
以下图为例:

下面是我正在尝试创建的结果... 一旦按下“Pagado”按钮，页面上只会显示提及“Pagado”的结果。

这是示例的代码... http://ibootstrap.net/Snippets/IDXdL46
如何同时显示Pendiente和Pagado？

最佳答案

只需在您的 html 中使用组合的 data-status ，例如:
<tr data-status="pagado_pendiente"> 行同时具有状态的 (Pagado) 和 (Pendiente)
并在您的 JS 中查找 contains 而不是匹配确切的字符串，例如:
$('.table tr[data-status*="' + $target + '"]').fadeIn('slow'); 而不是 $('.table tr[data-status="' + $target + '"]').fadeIn('slow');

关于javascript - 如何使用 CSS 和 Jquery 一键获得两个结果，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36684573/