javascript - 如何使用 CSS & Jquery 一键获取两个结果

Question

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

示例见下图:

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

这是示例代码... http://ibootstrap.net/Snippets/IDXdL46

如何同时显示Pendiente和Pagado？

Answer 1

只需使用组合 data-status在你的 html 中是这样的:

<tr data-status="pagado_pendiente">该行具有两种状态的地方说 (Pagado)和 (Pendiente)

并在您的 JS 中查找 contains 而不是匹配确切的字符串像这样的东西:

$('.table tr[data-status*="' + $target + '"]').fadeIn('slow');而不是 $('.table tr[data-status="' + $target + '"]').fadeIn('slow');