Question

我使用下面的代码替换h1标签中的文本，但它没有受到影响。我想将“sample”替换为“new sample”。我做错了？

<div class="content">
<h2>sample</h2>
</div>

var t = jQuery('.content');
        t.children("h2").each(function() {
            var contents = jQuery(this).contents();
            jQuery(this).replaceWith(new sample);
        });

Answer 1

使用.html()设置html.try：

 $('.content h2').html('new sample');

<强> Working Demo

Answer 2

设置.text()

t.children("h2").text('new sample'));

<小时/> 如果您要设置.html()内容

t.children("h2").html('new sample'));

Child Selector (“parent > child”)

$('.content > h2').html('new sample');

Answer 3

使用jQuery＆＃39; .text（）

$(".content h2").text("new sample");

FIDDLE

Answer 4

如果您想要替换部分内容，请尝试以下方法：

jQuery('.content h2').each(function(i, v) {
    $v = $(v);
    $v.html($v.html().replace('sample', 'new sample'));
});

<强> jsFiddle

Answer 5

你可以在没有jQuery的情况下做到这一点：

var elem = document.getElementsByTagName('h2')[0];
elem.innerHTML = "New Value";

使用javascript替换文本

5 个答案: