如何使用jQuery更改文本

Question

我有一个动态创建的h1id 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.

Answer 1

这应该工作正常(使用.text():

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

Answer 2

像这样的东西应该做的伎俩:

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

这只会替换内容Profil.请参阅textjQuery API.

Answer 3

这样的事情应该有效

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

Answer 4

也可以用:contains()选择器做到:

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

示例:http://jsfiddle.net/niklasvh/xPRzr/

Answer 5

干净

试试这个干净的方法.

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

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

Answer 6

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

要么

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

Answer 7

非常简单：

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

html 函数也接受 html，但它可以直接替换文本。

Answer 8

*就我而言，我已将新值存储在 var altText 中

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

* 它奏效了