使用基于值的jQuery代码更改SharePoint列表字段颜色?

时间:2016-03-28 05:51:28

标签: javascript jquery css ajax sharepoint

我正在使用SharePoint列表,如果它大于60,我需要更改数字字段颜色。

我尝试更改下面的代码,但它没有工作

这是我的代码,它没有用(我试图使用gt)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"type="text/javascript"></script><script>
$(document).ready(function(){
$Text = $("td .ms-vb2:gt('60')").filter(function() {
return $(this).text() == "td .ms-vb2";})
$Text.css("background-color", "#00FF66");
}); 
</script>

1 个答案:

答案 0 :(得分:0)

看看这两个例子是否对您有所帮助:

$(document).ready( function(){

  // option 1

  function tdColor(){
    $( "td:gt(8)" ).css( "backgroundColor", "#00FF66" );
  }
  tdColor();


  //option 2
  function tdColor2(){

    $('td').each(
      function(){
        $("td .ms-vb2:gt(8)").css( "backgroundColor", "#00FF66" );
    });

  }
  tdColor2();

});

此处的完整代码: http://codepen.io/anon/pen/grRBmx

在声明变量时最好使用var。

还要记住,如果列表是动态生成的,则jQuery无法正常工作。在这种情况下,值得看一下live()函数。