Question

我正在寻找一种方法将H1的内容（实际上是大写）转换为小写。理想情况下，如果存在于jquery中，将它更改为text-tranform属性的大写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

将text-transform css属性添加到h1标记以将文本转换为小写

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

Answer 2

h1没有值，它有text()或html()。

$('h1').each(function(){
    $(this).text( $(this).text().toLowerCase() );
});

Answer 3

您需要传递方法html()或text()

中的值

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

我建议你使用css：

h1{
  text-transform: lowercase;
}

Answer 4

您可以使用.text()

$('h1').text(function(_, text){
    return text.toLowerCase();
});

但是我会选择@JayeshChitroda apprach

Answer 5

使用html或text：

$('h1').each(function(){
    $(this).text( $(this).text().toLowerCase() );
});

或

$('h1').each(function(){
    $(this).html( $(this).html().toLowerCase() );
});

Answer 6

试试这个纯粹的JavaScript代码

var h1Elements = document.querySelectorAll('h1');
for (var ele of h1Elements) {
  ele.innerHTML = ele.innerHTML.toLowerCase();
  console.log(ele.innerHTML)
}

使用jquery

6 个答案: