javascript - 使用jquery将H1内容更改为小写

Question

我正在寻找一种将 H1 的内容(实际上是大写)转换为小写的方法。理想情况下，如果 jquery 中存在的话，最好将其更改为 text-transform 属性的大写 css 设置。为什么在 jquery 中？因为 css 方式不允许我这样做..这是我的起始代码:

$('h1').each(function(){
var h1content = $(this).val().toLowerCase();
$(this).text().toLowerCase();
 });

谢谢

编辑:通过将此提示添加到 JS 方式来修复它，https://css-tricks.com/almanac/selectors/f/first-letter/

Sass 代码:

h1.titre-vdl{
    color: $violet;
    &::first-letter{
        text-transform: capitalize;
    }
}

Answer 1

向 h1 标签添加 text-transform css 属性，将文本转换为小写

$('h1').css('text-transform','lowercase');