Як змінити текст за допомогою jQuery

У мене є h1ідентифікатор, toptitleякий динамічно створюється, і я не можу змінити HTML. Він матиме іншу назву, залежно від сторінки. Тепер, коли це Профіль, я хочу змінити його на New wordjQuery.

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

Примітка. Якщо текст є Profile, то змініть його на New word.

Щось на зразок цього мало б зробити фокус:

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

Це замінює вміст лише тоді, коли він є Profil. Див. textВ jQuery API.

Це має працювати нормально (використовуючи .text():

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

Щось подібне мало би спрацювати

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

Можна це зробити і за допомогою :contains()селектора:

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

приклад: http://jsfiddle.net/niklasvh/xPRzr/

Найчистіший

Спробуйте це для чистого підходу.

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

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

$('#toptitle').html('New world');

або

$('#toptitle').text('New world');

Досить прямо вперед, щоб зробити:

$(function() {
  $('#toptitle').html('New word');
});

Функція html також приймає html, але прямо для заміни тексту.