jquery 每个单词首字母大写

Question

我在 jquery 中遇到问题。我想在输入字段中将每个单词的首字母大写。

我的代码：

 function capitalize(){ console.log($('#alertmsg').val().trim()); }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <label for="alertmsg"><b>Alert Message</b></label> <input type="text" name="alertmsg" id="alertmsg" > <button onClick="capitalize()"> click </button>

jquery

        console.log($('#alertmsg').val().trim()); //Hello world

我该怎么办..有人帮助我吗？

Answer 1

一个简单的正则表达式替换将带您到那里：

 const titleCase = (s) => s.replace(/\b\w/g, c => c.toUpperCase()); console.log(titleCase('hello world'));

Answer 2

你应该试试这个：

function titleCase(str) {
   var splitStr = str.toLowerCase().split(' ');
   for (var i = 0; i < splitStr.length; i++) {
       // You do not need to check if i is larger than splitStr length, as your for does that for you
       // Assign it back to the array
       splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);     
   }
   // Directly return the joined string
   return splitStr.join(' '); 
}

接着

console.log(titleCase("hello world")); //Hello World

Answer 3

编辑：在发布答案之前详细阅读问题很重要；）

我的帖子可能有点复杂，但它有效......

使用空格拆分值，然后通过 forEach 循环运行拆分数组的每个值，找到值字符串的 [0] 索引并将其更改为大写。 然后将字符串的 rest 连接到第一个大写字母。

为了显示，将 forEach 的每个值连接回带有空格的字符串。 修剪以删除尾随和/或前导空格。

 let $val = $('#alertmsg'); let $display = $('#display'); let values; let output; $val.blur(function(value) { let a = ''; values = $val.val().trim().split(' ') values.forEach(function(v, i) { output = ''; for (let n = 0; n < v.length; n++) { if (n === 0) { output += v[n].toUpperCase(); } else { output += v[n]; } } a += ' ' + output; }) console.log(a.trim()) })

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <label for="alertmsg"><b>Alert Message</b></label> <input type="text" name="alertmsg" id="alertmsg"> <p id="display"></p>

Answer 4

请尝试以下示例

 const string = 'hello world' function capitalize(string) { const words = string.split(' '); const output = words.map(word => { const firstLetter = word.substring(0, 1).toUpperCase(); const rest = word.substring(1); return `${firstLetter}${rest}` }) return output.join(' ') } console.log(capitalize(string))

看

• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split
• https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/substring

Answer 5

根据@Robby Cornelissen 的回答：

下面的代码将执行以下操作：

• 从输入字段中取值
• 将每个单词的第一个字符更新为大写
• 最后，用更新后的值更新字段

 function capitalize(){ const titleCase = (s) => s.replace(/\b\w/g, c => c.toUpperCase()); const updatedValue = titleCase($('#alertmsg').val().trim()); $('#alertmsg').val(updatedValue); }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <label for="alertmsg"><b>Alert Message</b></label> <input type="text" name="alertmsg" id="alertmsg" > <button onClick="capitalize()"> click </button>

希望这可以帮助！

Answer 6

您可以使用这个简单的 css。

.text-capitalize {
      text-transform: capitalize;
 }