jquery - 如何将大写的文本大写?

标签 jquery css styles

<分区>

我有一个大写的文本。示例:

THIS IS UPPERCASE

我想要的是让它看起来像这样(大写):

This Is Uppercase

我刚刚发现我不能用 CSS 实现它,因为文本转换:大写只对第一个字母起作用,所以输出仍然是:

THIS IS UPPERCASE

有没有办法用jquery实现这个效果?

编辑:

这是我的 HTML 代码:

<div class="badge">
<div class="participant">NAME SURNAME</div>
</div>

NAME 和 SURNAME 是动态变量,但是数据有的是大写的,有的是小写的,有的是大写的。我只想用大写字母统一名称,可能包括我的 html 文件中的 javascript,但我无法将大写字母的字符串大写。

最佳答案

试试这个功能

function capitalize(str){
        var val = str,
        substr = val.split(' '),
        returnVal = [];

        substr.forEach(function(val){
            returnVal.push(val.charAt(0).toUpperCase()+val.slice(1));
        });

    return returnVal.join(' ');
}

关于jquery - 如何将大写的文本大写?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48710977/

上一篇:html - 我怎样才能只选择第一个不是脚本标签的普通兄弟?

下一篇:javascript - Angular 垫菜单

相关文章:

JavaScript 不会改变 div

javascript - 如何将三个js值传递给html中的标签?

css - 如何从垂直下拉菜单中删除硬编码宽度和偏移量

javascript - 删除条形图上的 X 轴

wpf - "inherit"wpf 中的主题风格

html - 将 Dojo 样式应用于按钮时显示的两个按钮

jQuery 模糊除了某些元素

javascript - 使用 jquery 在每次点击时交换 divs 颜色黑色和白色

javascript - 缩放网页然后单击后退按钮会更改上一页的背景大小

android - 样式化 native 抽屉导航项目