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


78

У мене є 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.

Відповіді:


67

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

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

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





9

Найчистіший

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

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

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


4

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

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

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

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.