如何分割字符串并为每个字符串制作颜色？
提问于 2013-10-10 20:08:56
我有一个来自h2元素的字符串h2 get："<h2 id="demo">I like you</h2>"，现在我想将它分割成两个空格之间的每个单词的颜色。如何更改标签中的每个文本的颜色。每种颜色我都可以用arrayi。
array[1], color:red
array[2], color:green
array[3], color:blue加载时颜色发生变化。谢谢大家的建议。
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-10-10 20:14:30
试一试
var array = ['red', 'green', 'blue'];
$('#demo').html(function(idx, html){
return $.map(html.split(/\s/), function(value, idx){
if(idx < array.length){
return '<span style="color: ' + array[idx] + '">' + value + '</span>'
} else {
return value
}
}).join(' ');
})演示：小提琴
Stack Overflow用户
发布于 2013-10-10 20:15:17
一个建议，直到你给出一个更好的例子来说明你在寻找什么
$(document).ready(function(){
$.each(array, function(id,value) {
var color = value.strreplace('color:','');
$('#'+id).css('color', color);
});
});Stack Overflow用户
发布于 2013-10-10 20:21:48
通过简单的Javascript
function str_split (string, split_length) {
if (split_length === null) {
split_length = 1;
}
if (string === null || split_length < 1) {
return false;
}
string += '';
var chunks = [],
pos = 0,
len = string.length;
while (pos < len) {
chunks.push(string.slice(pos, pos += split_length));
}
return chunks;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19310106
复制
腾讯云开发者
