使用javascript将首字母大写

我正试图将每个class级的第一个字母大写。

我在页面上多次使用html ，我希望将每个标记的首字母大写。 所以我有一个span类的数组。

html元素的默认值是小写的，我尝试使用text-transform：capitalize，它会转换每个单词的第一个字母。

我试着写一些代码，但它不起作用，它只通过循环一次，它不起作用。

这是代码，有人可以帮我修改工作

 function applySentenceCase() { var selector = document.getElementsByClassName('price'); for( i =0; i<selector.length; i++) { var selectorTest = jQuery(selector[i]).text(); return selectorTest.charAt(0).toUpperCase() + selectorTest.substr(1).toLowerCase(); } } 

Answer 1

为什么不坚持使用jQuery，因为你已经在使用它了

 $('.price').text(function(_, txt) { return txt.charAt(0).toUpperCase() + txt.slice(1).toLowerCase(); }); 

Answer 2

你可以用CSS做到这一点：

 .price:first-letter{ text-transform: capitalize; } 

Answer 3

你的function基本上是对的。 我想jquery有问题吗？ 我改变了一点使用javascript。 https://jsfiddle.net/h6h4nswd/

 var selectorTest = selector[i].innerHTML; 

Answer 4

我不确定你的文件是什么.getElementsByClassName（’price’）; 但这项工作将归还托托

 function applySentenceCase() { var selector = "toto"; return selector.charAt(0).toUpperCase() + selector.substr(1).toLowerCase(); }