Javascript 我如何拼写单词并为每个单词指定css颜色？

我想在javascript或jquery中拆分这个词，并为“Hear（blue）”和“Us（black）”添加指定css颜色

下面是inspect元素，由于我没有要处理的文件，所以我希望使用inspect元素处理类名和id

例如：

$va = $("#section-56 .mid-content h1 span").text().split("");

alert($va);

我如何分配“听文本为蓝色，美国文本为黑色”

（上述代码警报不起作用，我不知道这是否正确）

---

像这样，我必须得到字符串并拆分。

您应该按

空格

字符拆分

改变

$va = $("#section-56 .mid-content h1 span").text().split("");

到

---

您应该按

空格

字符分割

改变

$va = $("#section-56 .mid-content h1 span").text().split("");

到

试试这个

$（函数（）{
$va=$（“#section-56.mid content h1 span”）.text（）.split（“”）；
$va[0]=''+$va[0]+''；
$va[1]=''+$va[1]+''；
$（“#section-56.mid content h1 span”）.html（$va[0]+“”+va[1]）；
});

听我们说
试试这个


$（函数（）{
$va=$（“#section-56.mid content h1 span”）.text（）.split（“”）；
$va[0]=''+$va[0]+''；
$va[1]=''+$va[1]+''；
$（“#section-56.mid content h1 span”）.html（$va[0]+“”+va[1]）；
});

听我们说
检查下面的代码是否有帮助


$va=$（“span”）.text（）.split（“”）；
$（“span”）.html（“+$va[0]+”“+$va[1]）
.red{color:red；}
.blue{color:blue}

听我们说
检查下面的代码是否有帮助


$va=$（“span”）.text（）.split（“”）；
$（“span”）.html（“+$va[0]+”“+$va[1]）
.red{color:red；}
.blue{color:blue}

听我们说
第一个问题是将分隔符用作空字符串（“”）而不是空格（“”）时

在使用上面的javascript代码将这两个单词作为数组获取之后。
您需要用两个不同的跨度构造h1标记的新内容

var newContent = '<span class="color-blue">'+$va[0]+'</span>'+' <span class="color-black">'+$va[1]+'</span>';

$("#section-56 .mid-content h1").html(newContent);

或者，您也可以简单地将css属性添加到span标记中

$va = $("#section-56 .mid-content h1 span").text().split(" ");
var newContent = '<span style="color: blue;">'+$va[0]+'</span>'+'<span style="color: black;">'+$va[1]+'</span>';

$("#section-56 .mid-content h1").html(newContent);

$va=$（“#section-56.mid content h1 span”）.text（）.split（“”）；
var newContent='+$va[0]+'+'+'+$va[1]+'；
$（“#section-56.mid content h1”）.html（新内容）；
第一个问题是将分隔符用作空字符串（“”）而不是空格（“”）时

在使用上面的javascript代码将这两个单词作为数组获取之后。
您需要用两个不同的跨度构造h1标记的新内容

var newContent = '<span class="color-blue">'+$va[0]+'</span>'+' <span class="color-black">'+$va[1]+'</span>';

$("#section-56 .mid-content h1").html(newContent);

或者，您也可以简单地将css属性添加到span标记中

$va = $("#section-56 .mid-content h1 span").text().split(" ");
var newContent = '<span style="color: blue;">'+$va[0]+'</span>'+'<span style="color: black;">'+$va[1]+'</span>';

$("#section-56 .mid-content h1").html(newContent);

$va=$（“#section-56.mid content h1 span”）.text（）.split（“”）；
var newContent='+$va[0]+'+'+'+$va[1]+'；
$（“#section-56.mid content h1”）.html（新内容）；
您应该按
空格（）分割。所以代码应该是这样的：


$（函数（）{
var a=$（'span'）.text（）.split（“”）；
警报（a）；
});

听我们说
你应该按
空格（）分割。所以代码应该是这样的：


$（函数（）{
var a=$（'span'）.text（）.split（“”）；
警报（a）；
});

听听我们的意见吧
这可能不是一个精确的解决方案（比您实际需要的要多），但我在过去做了一些事情，使每个单词的样式不同/随机

您可以从这里开始，并将其更改为符合您的要求。对你来说应该是个好任务


var pText=$（'.text'）；
var words=pText.text（）.split（“”）；
pText.text（“”）；
对于（var i=0；i这可能不是一个精确的解决方案（比您实际需要的要多），但我在过去做了一些事情，使每个单词的样式不同/随机

您可以从这里开始，并根据您的要求进行更改。这对您来说应该是一项很好的任务


var pText=$（'.text'）；
var words=pText.text（）.split（“”）；
pText.text（“”）；
对于（var i=0；我不确定这是不是正确的代码，但您正在以空字符串而不是空格进行拆分。try.split（“”）instead您可以发布HTML的一部分吗？（不是后端代码…）你能给span一个id吗？为什么你想用javascript做它？这是一个静态文本吗？然后直接编辑css。或者你想动态改变颜色吗？基于css的答案使用
：在
@Lightningbear之前不，我不能给任何类/id，因为我没有文件。这就是为什么我使用inspect的类/id名称元素。不确定这是不是正确的代码，但您正在以空字符串而不是空格进行拆分。请尝试。拆分（“”）而不是替换。您可以发布HTML的一部分吗？（不是后端代码…）你能给span一个id吗？为什么你想用javascript做它？这是一个静态文本吗？然后直接编辑css。或者你想动态改变颜色吗？基于css的答案使用
：在
@Lightningbear之前不，我不能给任何类/id，因为我没有文件。这就是为什么我使用inspect的类/id名称元素。如果这是答案，则该问题应以主题外的形式结束——“关于一个简单的印刷错误引起的问题[…]的问题”。是的，因为这类问题对OP之外的任何人都没有帮助。现在OP有了解决方案，这个问题对其他人没有什么帮助。当然，除非这不是问题的解决方案。这个问题刚刚被编辑，包括
和如何分配“听到文本为蓝色，美国文本为黑色”？
；我个人认为这应该是一个单独的问题。@mamum我给了空格，但alert不起作用。alert（$va）；如果这是答案，那么这个问题应该作为离题题题关闭——“关于一个简单的印刷错误导致的问题[…]的问题”。是的，因为这类问题对OP之外的任何人都没有帮助。现在OP有了解决方案，这个问题对其他人没有什么帮助。当然，除非这不是问题的解决方案。这个问题刚刚被编辑，包括
和如何分配“听到文本为蓝色，美国文本为黑色”？
；我个人认为