Es ist immer besser, diese Art von Dingen mit CSS zuerst Im Allgemeinen gilt: Wenn Sie etwas mit CSS lösen können, sollten Sie das zuerst tun, und dann versuchen, Ihre Probleme mit JavaScript zu lösen, in diesem Fall also mit :first-letter
in CSS und wenden Sie text-transform:capitalize;
Versuchen Sie also, eine Klasse dafür zu erstellen, damit Sie sie z. B. global verwenden können: .first-letter-uppercase
und fügen Sie etwas wie unten in Ihr CSS ein:
.first-letter-uppercase:first-letter {
text-transform:capitalize;
}
Auch die alternative Option ist JavaScript, so dass die beste gonna etwas wie dieses sein:
function capitalizeTxt(txt) {
return txt.charAt(0).toUpperCase() + txt.slice(1); //or if you want lowercase the rest txt.slice(1).toLowerCase();
}
und nennen Sie es wie:
capitalizeTxt('this is a test'); // return 'This is a test'
capitalizeTxt('the Eiffel Tower'); // return 'The Eiffel Tower'
capitalizeTxt('/index.html'); // return '/index.html'
capitalizeTxt('alireza'); // return 'Alireza'
capitalizeTxt('dezfoolian'); // return 'Dezfoolian'
Wenn Sie es immer wieder verwenden möchten, ist es besser, es zu Javascript nativen String, so etwas wie unten anhängen:
String.prototype.capitalizeTxt = String.prototype.capitalizeTxt || function() {
return this.charAt(0).toUpperCase() + this.slice(1);
}
und rufen Sie es wie folgt auf:
'this is a test'.capitalizeTxt(); // return 'This is a test'
'the Eiffel Tower'.capitalizeTxt(); // return 'The Eiffel Tower'
'/index.html'.capitalizeTxt(); // return '/index.html'
'alireza'.capitalizeTxt(); // return 'Alireza'