1

何らかの理由でエディターが非常に制限されており、テキストに色を付けることができません

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

4 に答える 4

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 に答える
-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 に答える