JQuery 小写文本

标签 jquery css

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

我试过 text-transform: capitalize; 第一个字母已经大写了,这个 CSS 不能降低其余字母。然后我再添加 1 个类 text-transform: lowercase;,它会使用其中一个。

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

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

JS

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

最佳答案

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

var tester = document.getElementById('tester');
tester.innerHTML = tester.innerHTML.toLowerCase();
<div id="tester">HTHT HTHTRH HTH RTGHWS HTHT NBGB S</div>

关于JQuery 小写文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27806681/

相关文章:

javascript - WebStorm:无法使用 jQuery 捕获 &lt;input/>

javascript - 如何添加:hover and click event to element same time?

html - 使用 css 设置 <frame> 的背景

jquery - 用于自动完成小部件的 CSS

javascript - 为什么这不起作用?如何将调用者对象传递给函数?

jquery - 找不到文件 'best_in_place.purr'

javascript - 两个日期(日期时间)之间的差异(以分钟为单位)

css - 使用 SASS 将购买的字体文件添加到我的 WebStorm 元素中。 Angular 元素

水平导航栏的 CSS 相同大小列表项

javascript - 带有 "display: none"的图像在显示前在 Firefox 中闪烁