Question

我有一个产品标题“Pillow BALANCE purple”，我希望在第二个单词后换行。如下所示。

枕头平衡
紫色

这个标题有一个类可以说“标题”。我使用下面的代码来改变第一个单词“Pillow”的颜色，但我也需要改变第二个单词的颜色，当然也要让第三个单词转到第二行。任何帮助都会被贬低。

//add span to first word of module title, page heading
window.addEvent ('domready', function () {
    var els = $$('.art-postcontent h2 a, .art-postcontent h2 a:link, .art-postcontent h2 a:hover, .art-postcontent h2 a:visited, .art-blockcontent h2 a, .art-blockcontent h2 a:link, .art-blockcontent h2 a:hover, .art-blockcontent h2 a:visited');
    if (!els.length) return;
    els.each (function(el){
         var html = el.innerHTML;
         var text = el.get("text");
         var pos = text.indexOf(' ');
         if (pos!=-1) {
            text = text.substr(0,pos);
         }
         el.set("html", el.get("text").replace(new RegExp (text), '<span class="first-word">'+text+'</span>'));

    });
});

Answer 1

使用split（）函数可以帮助你。

var str = 'pillow BALANCE purple';
var substr = str.split(' ');    //splits the string at each space (&nbsp;)

$('#firstLine').text(substr[0] + substr[1]);  //adds first two words to first line
$('#secondLine').text(substr[2]);  //add third word to second line

HTML：

<div id="firstLine"></div>
<br />     <!-- Break will put the next div on a new line -->
<div id="secondLine"></div>

第二个单词和着色后的换行符

1 个答案: