JQuery 小写文本

Question

我有很多字段包含来自数据库的数据。文字全部大写！

我试过了text-transform: capitalize;第一个字母已经大写了，这个CSS不能再小写其他字母了。然后我再添加 1 个 class text-transform: lowercase;，其中一个都需要。

我打算用JQuery来降低所有的文字，然后用CSS来做大写。

不知何故，我的 JQuery 语法无法正常工作。请帮忙。 LIVE CODE

JS

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

Answer 1

你的问题是this其实是window。 val() 也用于 set/get 值

的表单控件

你可以用text(function)来做:

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

DEMO

Answer 2

A <div> 没有值，因此不能使用 .val()！使用 html() 或 text() 代替：

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

`JSFiddle`

Answer 3

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

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

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

Answer 4

你的问题是 this 引用 window 的范围。

试试这个：

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 5

将“$(this)”替换为“$('#tester')”

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

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

JQuery 小写文本

JQuery Lower Case Text

css

jquery

`JSFiddle`