javascript - JavaScript 为页面上的所有 Web 部件分配颜色

Question

想定义一个 JavaScript 函数，我可以传递一些颜色，它将使用这些颜色将 Web 部件标题设置为这些颜色。

伪代码将遍历我的 web 部件（仅那些具有可见标题的部件）并忽略那些没有可见标题的部件。每个可见标题都将分配给作为参数提供的颜色数组中的下一个颜色。

如果传递了两种颜色，则第一个可见 Web 部件标头将使用 color1，第二个可见 Web 部件标头使用 color2，第三个将使用 color1，依此类推..

$('#WebPartWPQ6_ChromeTitle').css('background-color', 'red');

我希望实现是：

<script type="text/javascript" data-Color="red, blue, black" src="../SiteAssets/js-enterprise/ColorHeaders.js"></script>

标签： javascriptsharepoint-2013

Answer 1

以下代码供您参考。

<script src="https://code.jquery.com/jquery-1.12.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
    var colors=["red","blue","black"];
    $(".ms-webpart-chrome-title").each(function(i){     
        $(this).css('background-color',colors[i%colors.length]);
    });
});
</script>