Question

由于某些原因，编辑器非常有限，我无法为我的文字着色

我希望在HTML标记内的文本上实现： Black White Black White

HTML的外观：

<h3 class="widget-title">Black White Black White</h3>

我知道可以通过添加span标签来解决这个问题：

<h3 class="widget-title">Black <span style="color:FFF;">White</span> Black <span style="color:FFF;">White</span></h3>

有没有更简单的解决方法？ CSS3中是否支持这种方式，或者我必须在JQuery中对此进行编码才能实现它？

谢谢你的回答。也许，我对自己的问题并不清楚......我想要的是用均匀的词来改变颜色。以下是undefined的修改后的片段。

var txt = $('.widget-title').text().split(' ');
var str = "";
$.each(txt, function(i,v){
    if ( (i&1) == 1 ) {
        str += " <span style='color:red'>" + v + "</span> ";
    } else {
        str += " " + v;
    }
})

$('.widget-title').html(str)

Answer 1

试试这个：

var txt = $('.widget-title').text().split(' ');
var str = "";
$.each(txt, function(i,v){
  if (v == 'something') {
    str += "<span class='something'>" + v + "</span>"
  } else { str += " " + v}
})

$('.widget-title').html(str)

DEMO

Answer 2

这似乎正是您所寻找的：

http://www.codingforums.com/showthread.php?t=6858

（与“Google”一起发现）

Answer 3

这可以通过javascript实现：

var title = document.getElementsByClassName('widget-title')[0],
    titleText = title.innerHTML,
    words = titleText.split(' '),
    len = words.length,
    i;

title.innerHTML = '';

for (i = 0 ; i < len ; i++) {
    var elem = document.createElement('span');
    elem.innerHTML = words[i];
    elem.style.color = words[i];
    title.appendChild(elem);
}

<强>的jsfiddle
http://jsfiddle.net/kastU/2/

Answer 4

以下是使用PHP执行此操作的代码，您需要调用函数colorize("Enter text which you want to see in Black and White style");

<?php 
function colorize($text) {
$array = explode(' ', $text);
$index = 1;
foreach ($array as $value) {
    if ($index%2) {

        echo '<span style="color:#FFF;">';
        echo $value;
        echo '</span>';
    } else {

        echo '<span style="color:#000;">';
        echo $value;
        echo '</span>';
    }
    $index++;
}
}


?>

html标记内的备用文本颜色

4 个答案: