Méthode text() de jQuery

jQuery HTML/Méthodes CSS

La méthode text() de jQuery permet d'obtenir ou de définir le contenu texte de l'élément sélectionné (y compris ses descendants).

Lorsque vous utilisez la méthode text()ObtenirLe contenu est retournéTous les éléments sélectionnésle contenu texte.

Lorsque vous utilisez la méthode text()DéfinirLorsque le contenu est modifié, il remplaceraTous les éléments sélectionnésle contenu texte.

Utilisezhtml()Méthode pour obtenir ou définir l'innerHTML de l'élément sélectionné (texte+ balises HTML).

Attention : La méthode text() ne peut pas être utilisée sur les éléments d'entrée. Pour le texte des champs d'entrée, utilisezval()Méthode.

Syntaxe :

Obtenir le contenu texte :

$(selector).text()

Définir le contenu texte :

$(selector).text(content)

Utilisez la fonction pour définir le contenu texte :

$(selector).text(function(index, currentContent))

Exemple

Cliquez sur le bouton pour obtenir le contenu texte de tous les paragraphes :

$("button").click(function(){
　　alert($("p").text());
});

Modifier le contenu texte de tous les paragraphes :

$("button").click(function(){
　　$("p").text("Je voudrais dire : Bonjour le monde");
});

Utilisez la fonction suivante pour modifier le contenu texte d'un élément :

$("button").click(function(){
　　$("p").text(function(i){
　　　　return "L'index de cet élément p: "　+　i;
　　});
});

La différence entre les méthodes html() et text() :

$("#btn1").click(function(){
　　$("p").html("Je veux dire: <b>Hello world</b>);
});
$("#btn2").click(function(){
　　$("p").text("Je veux dire: <b>Hello world</b>);
});

Valeur du paramètre

jQuery HTML/Méthodes CSS