Comment changer un texte avec jQuery

Question

J'ai un h1 avec un identifiant de toptitle qui est créé dynamiquement, et je ne suis pas en mesure de modifier le code HTML. Il aura un titre différent selon une page. Maintenant, quand c'est Profile, je veux le changer en New word avec jQuery.

 <h1 id="toptitle">Profile</h1> // Changing only when it is Profile  
// to
<h1 id="toptitle">New word</h1>

Remarque : Si le texte est Profile , remplacez-le par New word .

Answer 1

Cela devrait fonctionner correctement (en utilisant .text() :

 $("#toptitle").text("New word");

Answer 2

Quelque chose comme ça devrait faire l'affaire :

 $(document).ready(function() {
    $('#toptitle').text(function(i, oldText) {
        return oldText === 'Profil' ? 'New word' : oldText;
    });
});

Cela ne remplace le contenu que lorsqu'il est Profil . Voir text dans l'API jQuery.

Answer 3

Quelque chose comme ça devrait fonctionner

 var text = $('#toptitle').text();
if (text == 'Profil'){
    $('#toptitle').text('New Word');
}

Answer 4

Pourrait également le faire avec le sélecteur :contains()

 $('#toptitle:contains("Profil")').text("New word");

exemple : http://jsfiddle.net/niklasvh/xPRzr/

Answer 5

Le plus propre

Essayez ceci pour une approche propre.

 var $toptitle = $('#toptitle');

if ( $toptitle.text() == 'Profile' ) // No {} brackets necessary if it's just one line.  
  $toptitle.text('New Word');