使用javascript更改Primefaces数据表中单个元素的样式？

我试图更改PrimeFaces数据表中某些p:progressBar元素的颜色

<h:form id="form">
    <p:dataTable id="table" value="#{bean.data}">
        <p:column>
            <h:outputText value="#{data.chapter}"/>
         </p:column>
         <p:column>
             <p:progressBar id="progress" value="#{bean.pb[data.id]}"/>
          </p:column>
     </p:dataTable>
</h:form>

但我不明白如何对datatable中的元素执行此操作，因为它们都没有相同的styleClass。 我也试过使用

$("#form_table_" + i "_progress .ui-progressbar-value")

但这根本不会改变颜色。我用的是PrimeFaces 6.2

---

有人能给我指出正确的方向吗？

您可以通过varStatus根据datatable的行索引为每个progressbar指定一个特定的styleClass并使用它。或者使用表上的行谢谢您的建议。我确实使用：nth-child（）选择器实现了一个解决方案。

$(".myStyle .ui-progressbar-value")

$("#form_table_" + i "_progress .ui-progressbar-value")