Question

我想在类文件中添加单词，我可以为文档的其余部分设置某种样式

例如：

我想设置＆＃34;＆＃34;到一个名为cross

的类

CSS

.cross {
    font-style:italic
}

会发生什么：＆＃34; 男人走到商店。＆＃34;

这可能吗？还是有另一种方式来塑造这个词＆＃34;＆＃34;每次在整个文件中使用它？

Answer 1

试试这个;

   var text = 'the';
    $('*').html( function ( i, html ) {
        var regexp, replacement;
        regexp = RegExp( '(' + text + ')', 'gi' );
        replacement = '<span class="cross">$1</span>';
        return html.replace( regexp, replacement );
    });

Answer 2

你应该像这样循环每个单词：

var tokens = text.split(" ");
for(var i=0; i < tokens.length; i++){
    if(tokens[i] == "the"){
        tokens[i] = "<span class='cross'>the</span>";
    }
}
$(elem).html(tokens.join(" "));

Answer 3

这个怎么样：

DEMO：http://jsfiddle.net/4MrCV/3/

HTML：

<div id="mytext">the man walked to the shops not their shop.</p>

JavaScript的：

var $t = $("#mytext");
$t.html($t.text().replace(/the /gi,"<span class='cross'>$&</span>"));

希望这有帮助。

Answer 4

通常，您会使用span来设置单词的样式

<p><span class="cross">the</span> man walked to <span class="cross">the</span> shops.</p>

在课程中添加特定单词？

4 个答案: