首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery查找并替换为div的内容

jQuery查找并替换为div的内容
EN

Stack Overflow用户
提问于 2012-12-10 08:53:47
回答 4查看 3.4K关注 0票数 1

我希望用jQuery查找和替换文本,但只发现了用其他静态文本替换静态文本的简单函数。我想弄清楚如何用另一个div的内容替换一个字符串。例如:

代码语言:javascript
运行
AI代码解释
复制
<div class="item-one">blue</div>

<p>My color is item one</p>

我想要做的是将字符串"item one“替换为带有item-one类的div的内容。我想要的不只是这个字符串的一个实例,而是页面上的所有实例。如果能帮上忙我会很感激的。谢谢

EN

回答 4

Stack Overflow用户

发布于 2012-12-10 08:58:18

您可以使用text方法:

代码语言:javascript
运行
AI代码解释
复制
$('p').text(function(i, current){
   var c = $('.item-one').text();
   return current.replace('item one', c);
})

http://jsfiddle.net/3eE4G/

如果你有更多的元素:

代码语言:javascript
运行
AI代码解释
复制
$('p').text(function(i, t) {
   var w = t.split(' ')[4];
   var c = $('.item-'+w).text();
   return t.replace('item '+w, c)
})

http://jsfiddle.net/e7DRr/

票数 1
EN

Stack Overflow用户

发布于 2012-12-10 08:57:58

代码语言:javascript
运行
AI代码解释
复制
$('p').text($('p').text().replace('item one',$('.item-one').text()));

jsFiddle link

提示:

  • 如果‘<p>

-one’是唯一的,请使用ID而不是

  • 类。您还应该向项目添加一个唯一的id
票数 0
EN

Stack Overflow用户

发布于 2012-12-10 09:00:42

Trere两种方式

首先是使用.replace()函数,它可以将一些静态文本替换为div中的文本,如下所示:

代码语言:javascript
运行
AI代码解释
复制
$("p").text($("p").text().replace("text", $("#some_text").text()));

但更好的方法是将想要更改的文本转换为"span“标记,并使用text()函数

代码语言:javascript
运行
AI代码解释
复制
$("p span").text($(".item-one").text());
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13797665

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档