搜索令牌颜色

Question

我正在使用bootstrap搜索field+tokeninput。

我正在尝试获取不同颜色的令牌，并将id添加到每个令牌。

我正在使用此引导搜索字段：

<input type="text" id="exampleInlineTags" class="token-field" name="search" value="red, green" placeholder="enter text" />

和boostrap tokeninput See the source for bootstrap-tokenfield 一切正常，现在我需要在令牌输入上设置预定义颜色，如下所示：Example of what I am trying to achieve

编辑：修正了问题的语法，因为OP提到英语水平不好

Answer 1

如果您需要根据令牌的值分配特定的ID和颜色，那么您可以侦听tokenfield：createtoken事件。

但是如果您只需要为代币循环颜色，我建议您使用CSS来实现目标。对于骑自行车的10种颜色的图案，你可以写：

.token:nth-of-type(10n+1){ ... }

.token:nth-of-type(10n+2){ ... }

...

.token:nth-of-type(10n+10){ ... }