Блог

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

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

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

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

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

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

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

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

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

 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, но она проста для замены текста.

* В моем случае я сохранил новое значение в var altText

 $('#toptitle').text(altText); 

* И это сработало