1

由于某种原因,编辑器非常有限,我无法为文本着色

我想在 HTML 标签内的文本上实现什么: Black White Black White

HTML 的外观:

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

我知道可以通过添加跨度标签来解决这个问题:

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

有没有更简单的解决方法?这在 CSS3 中是否以某种方式支持,还是我必须在 JQuery 中编写代码才能实现它?


谢谢你们的回答。也许,我不清楚我的问题......我想要的是改变颜色的偶数词。这是未定义的修改片段。

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) 
4

4 回答 4

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)    

演示

于 2012-07-11T12:14:39.227 回答
0

这可以通过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/

于 2012-07-11T12:21:19.890 回答
0

这似乎正是您正在寻找的:

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

(与“谷歌”一起找到)

于 2012-07-11T12:14:15.730 回答
-1

以下是使用 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++;
}
}


?>
于 2012-07-11T12:18:41.677 回答