`JSFiddle`

Question

我有很多字段包含数据库中的数据。全文都是上限！

我试过text-transform: capitalize;第一个字母已经是大写的，这个CSS不能降低其余的字母。然后我再添加1个课程text-transform: lowercase;，它将需要一个。

我计划使用JQuery降低所有文本，然后使用CSS进行大写。

不知何故，我的JQuery语法无法解决。请帮忙。 LIVE CODE

JS

$(document).ready(
    function(){
$('#tester').val($(this).val().toLowerCase());
    });

Answer 1

您不需要jQuery将文本转换为小写，使用JavaScript。

var tester = document.getElementById('tester');
tester.innerHTML = tester.innerHTML.toLowerCase();

<div id="tester">HTHT HTHTRH HTH RTGHWS HTHT NBGB S</div>

Answer 2

您的问题在于引用窗口的this范围。

试试这个：

var $tester = $('#tester');    
$tester.text($tester.text().toLowerCase());

<script src="https://code.jquery.com/jquery-1.11.1.min.js" type="text/javascript" ></script>

<div id="tester">HTHT HTHTRH HTH RTGHWS HTHT NBGB S</div>

Answer 3

您的问题是this实际上是window。此外，val()用于表单控件来设置/获取值

您可以使用text(function)来执行此操作：

$('#tester').text(function(_, val){
    return val.toLowerCase();
});

的 DEMO

Answer 4

<div>没有值，因此您无法使用.val()！请改用html()或text()：

$(function() {
var test = $('#tester')
test.html(test.html().toLowerCase());
});

`JSFiddle`

Answer 5

将“$（this）”替换为“$（'＃tester'）”

$(document).ready(
    function(){
$('#tester').val($('#tester').val().toLowerCase());
    });

在这种情况下，“this”不是指“#tester”

JQuery小写文本

5 个答案:

`JSFiddle`