JQuery 更改 Sharepoint 列表中整行文本的颜色

Question

我正在尝试更改脚本以根据值更改整行文本的颜色。

我已将脚本更改为使用 parent()，但它不会更改文本颜色。它适用于其他 css，例如“background-color”或“text-decoration”，但不适用于“color”。

<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js" 
type="text/javascript"></script><script>
$(document).ready(function()
{
  $Status = $("td.ms-vb2:contains('Rush')").filter(function() {return 
  $(this).text() == "Rush";});
  $Status.css({"color": "red"});
  $Status = $("td.ms-vb2:contains('Expedite')");
  $Status.css({"color": "orange"});
});
</script>

上面的代码只会改变单元格的值。我想将整行更改为颜色。

Answer 1

您应该使用 .parent() 来选择您正在检查文本的单元格的父行。我知道你说过你用过它但它没有用，但我在下面的例子中让它起作用了。

您还使用选择器 :contains 按文本过滤，然后使用 .filter 再次过滤它，这是不需要的，可能会破坏东西。所以我删除了 .filter

$(document).ready(function() {
  var $Rush = $("td.ms-vb2:contains('Rush')");
  $Rush.parent().css({
    "color": "red"
  });

  var $Expedite = $("td.ms-vb2:contains('Expedite')");
  $Expedite.parent().css({
    "color": "orange"
  });
});

<script 
src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js" 
type="text/javascript"></script>

<table>
<tr><td class="ms-vb2">Rush</td><td>More</td><td>Data</td></tr>
<tr><td class="ms-vb2">Expedite</td><td>More</td><td>Data</td></tr>
<tr><td class="ms-vb2">Other</td><td>More</td><td>Data</td></tr>
</table>