使用javascript将首字母大写

Question

我正在尝试将每个班级的句子的第一个字母大写。

我的页面上多次使用 html <span class="price"></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

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

var selectorTest = selector[i].innerHTML;

Answer 4

我不确定你的 document.getElementsByClassName('price'); 但这项工作将返回托托

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