使用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();
}