jquery 插件 - css 作为参数

Question

我正在编写一个新的 jquery 插件，它接受两个参数。 第一个是字符串数组，第二个是颜色代码数组（如#CCC）

我在我的插件中所做的是使用第一个数组中的字符串来制作一个看起来像这样的菜单：

<ul>
  <li><a class="Link0">string1</a></li>
  <li><a class="Link1">string2</a></li>
</ul>

我只是遍历数组并使用正确的类创建元素。 我现在需要的是一种将第二个数组中的颜色分配给类的方法。

$.each(settings.categoryColors, function(i, val) {
  $('a.Link'+i).css('background-color',val);            
});

问题是这些类也会被动态添加到日期选择器的元素中。 所以我需要一种方法来设置类，而不是用类更新元素。

换句话说，我需要一种方法来创建 css 类，以便之后接收到这些类的所有元素都具有相同的颜色。

我希望这是有道理的。

Answer 1

你可以为头部生成一些css，如下所示：

var style = $('<style> .mystyle { background-color:black; }</style>')
    $('html > head').append(style);

    $.each(settings.categoryColors, function(i, val) {
      $('a.Link'+i).css('mystyle');            
    });