javascript-如何使用CSS和jQuery使用一个按钮获得两个结果

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

请参见下图作为示例：

以下是我要创建的结果…一旦按下“ Pagado”按钮,则只会在页面上显示带有“ Pagado”字样的结果.

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

如何同时显示Pendiente和Pagado？

解决方法:

只需在html中使用组合的数据状态,例如：

< tr data-status =“ pagado_pendiente”>该行同时具有状态(Pagado)和(Pendiente)

并且在您的JS中,而不是完全匹配的字符串查找包含以下内容：

$(‘.table tr [data-status * =“’$target’”]’).fadeIn(‘slow’);而不是$(‘.table tr [data-status =“’$target’”]’).fadeIn(‘slow’);