jQuery If Contains 将 CSS 添加到多个值的类中，同一个类答案

【问题标题】：jQuery If Contains Add CSS to class for multiple values, same classjQuery If Contains 将 CSS 添加到多个值的类中，同一个类
【发布时间】：2014-06-14 16:42:57
【问题描述】：

使用 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 html css contains

【解决方案1】：

你可以使用：

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

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

jsFiddle here

【讨论】：

FFS 如此简单。我想该睡觉了！干杯伙伴！