javascript - 使用 javascript 和 jquery 在某个符号后更改格式

Question

我是新来的。

我将 wordpress 与 jquery 库一起使用。

WordPress 生成 <?php the_title() ?>每篇文章的 div 标签中的字符串。例:

<div class="title">Building XY | Switzerland</div>

这会生成 Building XY |瑞士 与 css 格式:

我的问题是，如何更改“Building XY”之后部分的格式(从 | 到字符串末尾)。

我想要这个:XY 楼 |瑞士

我确信解决方案是一个非常简单的脚本。但我不是很精通。或者使用 php 可能更容易？

感谢您的支持:-)

Answer 1

您必须将最后一部分包裹在一个元素中以对其应用样式，然后设置适当的样式，可能是 font-weight : normal

jQuery(function ($) {
    $('.title').html(function (_, html) {
        return html.split('|').join('| <span style="font-weight:normal">') + '</span>';
    });
});

FIDDLE