我正在尝试使用 jquery 更改定义类或标记的第一种颜色。一切正常,但我有一个标题有自己的跨度和麻烦。我正在使用下面的代码为第一个单词添加 span 元素和内联样式。
$(document).ready(function()
{
$('.header-logo, h1').each(function() {
var h = $(this).html();
var index = h.indexOf(' ');
if(index == -1) {
index = h.length;
}
$(this).html('<span style="color:black;">' + h.substring(0, index) + '</span>' + h.substring(index, h.length));
});
});
这完美地添加了跨度标签并改变了颜色。但我有一个具有以下 html 结构的标题
<h1>
<span id="fav" class="btn-fav"><a href="#"Add to fav</a></span>
<span class="the-title">Title text goes here</span>
</h1>
在这里,我只想为“标题文本在此处”第一个单词(标题)添加颜色,但通过将另一个跨度标记添加到跨度标记中来破坏 javascript 结构,如下所示
<span style="color:black;">
<span< span=""> class="btn-fav id="fav">.....
那么我该如何解决这个问题呢?