Заглавие первой буквы с помощью javascript

Question

Я пытаюсь использовать первую букву предложения для каждого класса.

У меня есть html <span class="price"></span> несколько раз на моей странице, и я хочу использовать первую букву каждого тега. Поэтому у меня есть массив классов span.

Значение по умолчанию html-элементов в нижнем регистре, я попытался с преобразованием текста: заглавными, он преобразует первую букву каждого слова.

Я попытался написать код, но он не работает, он проходит цикл только один раз, и он не работает.

Вот код, может кто-нибудь помочь мне изменить работу

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

Iam не уверен, что вы получаете с document.getElementsByClassName ('цена'); , но эта работа будет возвращать Toto

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

Answer 4

Ваша функция в основном правильно. Я думаю, что есть проблема с jquery? Я изменил его немного, чтобы использовать javascript. https://jsfiddle.net/h6h4nswd/

var selectorTest = selector[i].innerHTML;