javascript - CSS 样式化单词中的单个字符

Question

我的客户要求在网站导航中使用红色字母 4。

例如，他将“bikes4kids”作为菜单项。

不幸的是，我在他的 Magento 网站上使用了一个“大型菜单”样式的插件，它只允许纯文本菜单项——我不能在菜单项标题框中使用 HTML 代码，这让我失去了使用 <span> 的机会。

有没有办法用 JS 实现这个？我假设不是单独使用 CSS。

编辑:我正在使用的大型菜单可以在这里看到:http://www.magentech.com/extensions/commercial-extensions/item/246-sm-mega-menu-responsive-magento-module

Answer 1

我做到了。

请看这个Link

<div class="title">menu1</div>
<div class="title">bike4kids</div>
<div class="title">menu2</div>


var avno = $(".title:nth-child(2)").text();
var avn = avno.split('4');
var item = avn[0]+"<span style='color:red'>4</span>"+avn[1];
$(".title:nth-child(2)").html(item);