Question

每次有新数据时，我都需要部分替换div的竞争。

<div id="name">Your name is </div>

$('#name').append(newName);

如何使用jQuery？

将名称替换为新数据

实施例

Your name is John Doe

并在应用更改后（newName是'Bob Murphy'）：

Your name is Bob Murphy

Answer 1

您可以将动态内容放在单独的嵌套标记中并对其进行操作。所以你的HTML将是

<div id="name">Your name is <span class="spanInnerName"></span></div>

并将其操纵为

var newName = "New Name";
$('#name .spanInnerName').html(newName);

这将证明更快，更具操控性。

Answer 2

我认为最好的解决方案是为名称创建span。

HTML：

<div>Your name is <span id="name">John Doe</span></div>

jQuery的：

$('#name').text('Bob Murphy');

Answer 3

$('#name').text(function(txt){
   return txt.replace(oldName, newName);
});

会做的。

Answer 4

请查看以下代码

$('#text').text(function(x){
   return $(this).text().toString().replace(oldName, newName);
});

Answer 5

我同意上述有关添加跨度和替换文本的所有内容，但您不需要jQuery来执行此操作。如果它已经包含在您的项目中，那么继续使用它。如果没有，你可以做同样的事情：

<div>Your name is <span id="name"></span></div>

var name = 'New Name';
document.getElementById('#name').textContent = name;

//if you wanted to pass HTML in: 
//document.getElementById('#name').innerHTML = name;

如何用jQuery替换<div>的部分内容？</div>

5 个答案: