时间戳

首页 > 解决方案 > jQuery不可见的CSS属性

javascript - jQuery不可见的CSS属性

问题描述

我正在为我的项目制作表格。所有输入字段都分配了相同的类。在 css 文件中，我将每个单词都大写，效果很好。

但是当我尝试使用 jQuery .val() 获取该字段的值时，该词没有大写

var name = $('input[name=name').val();
var lastName = $('input[name=lastName]').val();

console.log(name + " " + lastName);
.MyForm {
  text-transform: capitalize;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form><br>
  <label>Name</label><input class="MyForm" name="name"><br>
  <label>Last Name</label><input class="MyForm" name="lastName"><br>
</form>

在输入字段中，我看到 John 和 Smith

控制台打印 john smith

标签： javascriptjqueryhtmlcss

解决方案

你好，Namir css 只是 css。这意味着它只影响样式。您的字段的背景值将保持不变。尝试 tro 改用 javascript。

string.charAt(0).toUpperCase() js中没有Capitalize方法，但是可以将字符串的首字母大写。

推荐阅读