Prima lettera maiuscola della variabile

Ho cercato sul web non riesco a trovare nulla che mi aiuti. Voglio rendere la prima lettera di ogni parola maiuscola all'interno di una variabile.

Finora ho provato:

toUpperCase();

E non ha avuto fortuna, poiché tutte le lettere sono maiuscole.

Utilizzare la funzione .replace^[MDN] per sostituire le lettere minuscole che iniziano una parola con la lettera maiuscola.

var str = "hello world";
str = str.toLowerCase().replace(/\b[a-z]/g, function(letter) {
    return letter.toUpperCase();
});
alert(str); //Displays "Hello World"

Modifica: se hai a che fare con caratteri alfanumerici diversi da az, la seguente espressione regolare (più complicata) potrebbe adattarsi meglio ai tuoi scopi.

var str = "петр данилович björn über ñaque αλφα";
str = str.toLowerCase().replace(/^[\u00C0-\u1FFF\u2C00-\uD7FF\w]|\s[\u00C0-\u1FFF\u2C00-\uD7FF\w]/g, function(letter) {
    return letter.toUpperCase();
});
alert(str); //Displays "Петр Данилович Björn Über Ñaque Αλφα"

Modo molto più semplice:

$('#test').css('textTransform', 'capitalize');

Devo dare a @Dementic un po 'di merito per avermi guidato sulla giusta strada. Molto più semplice di qualunque cosa stiate proponendo.

http://phpjs.org/functions/ucwords:569 ha un buon esempio

function ucwords (str) {
    return (str + '').replace(/^([a-z])|\s+([a-z])/g, function ($1) {
        return $1.toUpperCase();
    });
}

(commento della funzione omesso dalla fonte per brevità. Si prega di consultare la fonte collegata per i dettagli)

MODIFICA: tieni presente che questa funzione mette in maiuscolo la prima lettera di ogni parola (come chiede la tua domanda) e non solo la prima lettera di una stringa (come chiede il titolo della tua domanda)

volevo solo aggiungere una pura soluzione javascript (no JQuery)

function capitalize(str) {
  strVal = '';
  str = str.split(' ');
  for (var chr = 0; chr < str.length; chr++) {
    strVal += str[chr].substring(0, 1).toUpperCase() + str[chr].substring(1, str[chr].length) + ' '
  }
  return strVal
}

console.log(capitalize('hello world'));

Immagino che potresti usare substring () e toUpperCase () per estrarre il primo carattere, metterlo in maiuscolo e quindi sostituire il primo carattere della tua stringa con il risultato.

myString = "cheeseburger";
firstChar = myString.substring( 0, 1 ); // == "c"
firstChar.toUpperCase();
tail = myString.substring( 1 ); // == "heeseburger"
myString = firstChar + tail; // myString == "Cheeseburger"

Penso che dovrebbe funzionare per te. Un'altra cosa da considerare è che se questi dati vengono visualizzati, è possibile aggiungere una classe al suo contenitore che ha la proprietà CSS "text-transform: capitalize".

Per fare questo, non hai nemmeno bisogno di Javascript se intendi utilizzare

$('#test').css('textTransform', 'capitalize');

Perché non farlo come css come

#test,h1,h2,h3 { text-transform: capitalize; }

oppure fallo come una classe e applica quella lezione ovunque ti serva

.ucwords { text-transform: capitalize; }

Mai sentito parlare substr()?

Per cominciare:

$("#test").text($("#test").text().substr(0,1).toUpperCase()+$("#test").text().substr(1,$("#test").text().length));

[Aggiornare:]

Grazie a @FelixKling per il suggerimento:

$("#test").text(function(i, text) {
    return text.substr(0,1).toUpperCase() + text.substr(1);
});

Basandomi sulla risposta di @ peter-olson, ho adottato un approccio più orientato agli oggetti senza jQuery:

String.prototype.ucwords = function() {
    return this.toLowerCase().replace(/\b[a-z]/g, function(letter) {
        return letter.toUpperCase();
    });
}

alert("hello world".ucwords()); //Displays "Hello World"

Esempio: http://jsfiddle.net/LzaYH/1/

var mystring = "hello World"
mystring = mystring.substring(0,1).toUpperCase() + 
mystring.substring(1,mystring.length)

console.log(mystring) //gives you Hello World

Il modo più semplice

let str="hiren raiyani"
str.toLowerCase().replace(/(?<= )[^\s]|^./g, a => a.toUpperCase());

funzione definita dall'utente:

function capitalize(str){
 return str.toLowerCase().replace(/(?<= )[^\s]|^./g, a => a.toUpperCase());
}

uscita: Hiren Raiyani

Usa il codice come funzione definita dall'utente o diretto

var ar = 'foo bar spam egg'.split(/\W/);
for(var i=0; i<ar.length; i++) {
  ar[i] = ar[i].substr(0,1).toUpperCase() + ar[i].substr(1,ar[i].length-1) 
}
ar.join(' '); // Foo Bar Spam Egg

Puoi provare questo semplice codice con le funzionalità di ucwords in PHP.

function ucWords(text) {
    return text.split(' ').map((txt) => (txt.substring(0, 1).toUpperCase() + txt.substring(1, txt.length))).join(' ');
}
ucWords('hello WORLD');

Manterrà invariate le maiuscole.

È semplice come il seguente:

string = 'test';
newString = string[0].toUpperCase() + string.slice(1);
alert(newString);

Basata completamente sulla risposta di @Dementric, questa soluzione è pronta per essere chiamata con un semplice metodo jQuery, 'ucwords' ... Grazie a tutti coloro che hanno contribuito qui !!!

$.extend({
ucwords : function(str) {
    strVal = '';
    str = str.split(' ');
    for (var chr = 0; chr < str.length; chr++) {
        strVal += str[chr].substring(0, 1).toUpperCase() + str[chr].substring(1, str[chr].length) + ' '
    }
    return strVal
}

});

ESEMPIO: può essere richiamato utilizzando il metodo

var string = "this is a test";
string = $.ucwords(string); // Returns "This Is A Test"

Puoi usare text-transform: capitalize;per questo lavoro -

HTML -

<input type="text" style="text-transform: capitalize;" />

JQuery -

$(document).ready(function (){
   var asdf = "WERTY UIOP";
   $('input').val(asdf.toLowerCase());
});

Prova questo

Nota: cambia solo la rappresentazione visiva della stringa. Se avvisi questa stringa, mostra sempre il valore originale della stringa.

La stringa da abbassare prima di rendere maiuscola la prima lettera.

(Entrambi usano la sintassi Jquery)

function CapitaliseFirstLetter(elementId) {
    var txt = $("#" + elementId).val().toLowerCase();
    $("#" + elementId).val(txt.replace(/^(.)|\s(.)/g, function($1) {
    return $1.toUpperCase(); }));
    }

Inoltre una funzione per capitalizzare l'intera stringa:

function CapitaliseAllText(elementId) {
     var txt = $("#" + elementId).val();
     $("#" + elementId).val(txt.toUpperCase());
     }

Sintassi da utilizzare per un evento clic di una casella di testo:

onClick="CapitaliseFirstLetter('TextId'); return false"

Ho usato questo codice -

function ucword(str){
    str = str.toLowerCase().replace(/(^([a-zA-Z\p{M}]))|([ -][a-zA-Z\p{M}])/g, function(replace_latter) { 
        return replace_latter.toUpperCase();
    });  //Can use also /\b[a-z]/g
    return str;  //First letter capital in each word
}

var uc = ucword("good morning. how are you?");
alert(uc);

HTML:

<input class="capitalize" name="Address" type="text" value="" />

Javascript con jQuery:

$(".capitalize").bind("keyup change", function (e) {
        if ($(this).val().length == 1)
            $(this).val($(this).val().toUpperCase());
        $(this).val($(this).val().toLowerCase().replace(/\s[\p{L}a-z]/g, function (letter) {
            return letter.toUpperCase();
        }))
    });

Senza JQuery

String.prototype.ucwords = function() {
    str = this.trim();
    return str.replace(/(^([a-zA-Z\p{M}]))|([ -][a-zA-Z\p{M}])/g, function(s){
        return s.toUpperCase();
    });
};

console.log('hello world'.ucwords()); // Display Hello World

Ecco la funzione ucwords () unicode-safe, che inoltre rispetta i doppi cognomi come il russo Засс-Ранцев e alcuni nomi nobili come Honoré de Balzac, d'Artagnan, Vincent van Gogh, Otto von Bismarck, Sulaymān ibn Dāwūd, ecc:

String.prototype.ucwords = function() {
  return this.toLowerCase()
    .replace(/(^|\s|\-)[^\s$]/g, function(m) {
       return m.toUpperCase();
    })
    // French, Arabic and some noble names...
    .replace(/\s(Of|De|Van|Von|Ibn|Из|Ван|Фон|Ибн)\s/g, function(m) { // Honoré de Balzac, Vincent van Gogh, Otto von Bismarck, Sulaymān ibn Dāwūd etc.
       return m.toLowerCase();
    })
    .replace(/(^|\s)(D|Д)(['’][^\s$])/g, function(m, p1, p2, p3) { // D'Artagnan or d'Artagnan / Д’Артаньян или д’Артаньян
       return p1 + (p1 === "" ? p2/*.toUpperCase()*/ : p2.toLowerCase()) + p3.toUpperCase();
    });
}

Il modo più semplice per scrivere la prima lettera maiuscola in JS

var string = "made in india";

string =string .toLowerCase().replace(/\b[a-z]/g, function(letter){return  letter.toUpperCase();});

alert(string );

Risultato: "Made in India"