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


у меня есть h1 с идентификатором 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.

7 54

7 ответов:

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

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

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

Это должно работать нормально (с помощью .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, а также, но его прямо вперед для замены текста.