如何分割字符串併爲每個顏色製作顏色？

我有一個字符串"I like you"從h2元素獲得："<h2 id="demo">I like you</h2>" 現在我想分割它爲兩個空格之間的每個單詞製作顏色。如何更改標籤中每個文字的顏色。我可以爲每種顏色使用數組[i]。如何分割字符串併爲每個顏色製作顏色？

array[1], color:red 
array[2], color:green 
array[3], color:blue

onload時顏色變化。感謝所有的建議。

來源

2013-10-11 Minh Anh

什麼？ –

嘗試

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(' '); 
})

演示：Fiddle

來源

2013-10-11 04:14:30

感謝您的幫助。我會把你的答案投給最好。祝你生日快樂。 –

一個建議，直到你給的你在找什麼

$(document).ready(function(){ 
    $.each(array, function(id,value) { 
    var color = value.strreplace('color:',''); 
    $('#'+id).css('color', color); 
    }); 
});

來源

2013-10-11 04:15:17

感謝您的幫助。 –

通過簡單的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; 
}

每個顏色爲

來源

2013-10-11 04:21:48 Ali

如何分割字符串併爲每個顏色製作顏色？

回答

相關問題