关于jquery:如何大写用大写写的文本?

How to capitalize a text that is written in uppercase?

本问题已经有最佳答案,请猛点这里访问。

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

1
THIS IS UPPERCASE

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

1
THIS IS UPPERCASE

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

1
THIS IS UPPERCASE

jquery有没有办法达到这个效果?

编辑:

这是我的HTML代码:

1
NAME SURNAME

名称和姓氏是动态变量,但有些数据是大写的,有些是小写的,有些是大写的。我只想将名称统一为大写,可能在我的HTML文件中包括javascript,但是我很难将大写的字符串大写。


是的,CSSCSS3在这里没有帮助,你可以在JavaScript中实现。

你可以这样做:

1
2
3
4
5
6
window.onload = function(){
  var elements = document.getElementsByClassName("every-word")
  for (var i=0; i<elements.length; i++){
    elements[i].innerHTML = elements[i].innerHTML.replace(/\\b([a-z])([a-z]+)?\\b/gim,"<span class='first-letter'>$1</span>$2")
  }
}

您的HTML将是:

1
2
3
4
5
6
7
<style>
  .first-letter {
    text-transform: capitalize;
  }
</style>
<p class="every-word">THIS IS UPPERCASE
</p>

这将为您提供输出:

1
This Is Uppercase