jquery - jQuery If Contains将CSS添加到类中以获得多个值，同一个类

使用Drupal 7，我在视图中打印了Webform提交值。我有一个带有safe_key | value的选择框Webform组件，但是由于Webform提交数据仅作为相关Cid保存在数据库中，因此我无法为每个结果创建单独的键，并且该类打印在视图模板，而不是印刷价值的一部分，我不能有唯一的类。

我已经将我的html简化为基本知识，以显示视图中打印的以下html ...

<table>
<tbody>
<tr>
    <td class="views-field views-field-value-10" >
       <p class="bookingstatus">Paid in Full</p>
    </td>
</tr>
<tr>
    <td class="views-field views-field-value-10" >
       <p class="bookingstatus">Deposit Paid</p>
    </td>
</tr>
<tr>
    <td class="views-field views-field-value-10" >
       <p class="bookingstatus">Cancelled</p>
    </td>
</tr>
</tbody>
</table>

我希望每个打印的值根据结果都是不同的颜色。付费=绿色，存款=黄色，已取消=红色。

我正在使用以下jQuery根据结果更改样式颜色。

if (jQuery(".bookingstatus:contains('Paid in Full')").length) {
    jQuery(".bookingstatus").css("color","green");
    }

但这会将.bookingstatus类中的每个元素更改为绿色，有什么我可以指定的方法，并且仅将包含“已全额支付”的字段的单个元素颜色更改为绿色吗？

最佳答案

您可以使用：

jQuery(".bookingstatus:contains('Paid in Full')").css("color","green");

这将针对包含文本“全部付款”的所有.bookingstatus元素。

jsFiddle here