Как изменить текст с помощью jQuery

У меня есть h1 с id toptitle, который динамически создается, и я не могу изменить HTML. Он будет иметь другое название, зависит от страницы. Теперь, когда это Профиль, я хочу изменить его на New word с помощью jQuery.

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

Примечание. Если текст Profile, измените его на New word.

Ответ 1

Что-то вроде этого должно сделать трюк:

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

Это только заменяет содержимое, когда оно Profil. См. text в API jQuery.

Ответ 2

Это должно работать нормально (используя .text():

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

Ответ 3

Что-то вроде этого должно работать

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

Ответ 4

Можно сделать это с помощью селектора :contains():

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

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

Ответ 5

Чистейший

Попробуйте это для чистого подхода.

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

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

Ответ 6

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

или

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

Ответ 7

Довольно прямо вперед:

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

Функция html также принимает html, но ее прямую замену на текст.