将元素中的部分文本包裹起来 [英] Wrap around part of text inside an element

问题描述

假设我有句Lorem ipsum dolor sit amet，consectetur adipiscing elit。里面有一个‘ p›标签。我想以某种方式使用javascript / jQuery在单词amet周围创建一个元素，例如Lorem ipsum dolor坐在&span>'amet‘ span'，consectetur adipiscing elit。有没有办法做到这一点？在真实世界的应用程序中，我不知道我想要什么文本，所以我不能只修改HTML。

解决方案一个选项是使用替换方法。

 <$ c $（$（'p'）。html（function（index，oldHtml）{
 return oldHtml.replace（/（amet）/ g，'< span> $ 1< / span>'）; 
}）; 
  

http://jsfiddle.net/YxMvq/

Let's say I have the sentence "Lorem ipsum dolor sit amet, consectetur adipiscing elit." inside a "‹p›" tag. I would like to somehow use javascript/jQuery to create an element around the word "amet", e.g. "Lorem ipsum dolor sit ‹span›amet‹/span›, consectetur adipiscing elit." Is there some sort of way to do this? In the real-world application for this, I won't know what text I want to have an element around, so I can't just modify the HTML.

解决方案

One option is using replace method.

$('p').html(function(index, oldHtml){
   return oldHtml.replace(/(amet)/g, '<span>$1</span>');
});

http://jsfiddle.net/YxMvq/

这篇关于将元素中的部分文本包裹起来的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！