jQuery를 사용하여 텍스트를 변경하는 방법

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.

이 작업은 잘 작동합니다(다음 사용).

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

이와 같은 것이 효과가 있을 것입니다.

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

이것은 내용이 다음과 같은 경우에만 내용을 대체합니다.ProfiljQuery API를 참조하십시오.

이와 같은 것이 효과가 있을 것입니다.

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도 허용하지만 텍스트를 대체하기 위해 바로 앞으로 이동합니다.

*저의 경우 valtText에 새 값을 저장했습니다.

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

효과가 있었습니다.

언급URL : https://stackoverflow.com/questions/6411696/how-to-change-a-text-with-jquery