javascript - 带有 jquery 的子字符串选择器？

Question

是否可以使用 jquery 只选择字符串的一部分？例如我有一段文字

<p>Metuentes igitur idem latrones Lycaoniam magna parte campestrem</p>

所以现在如果用户搜索一个字符串，我希望它被突出显示(例如我们使用粗体标记)

<p>Metuentes igitur idem latrones <b>Lycaoniam</b> magna parte campestrem</p>

然后我们可以根据需要还原为原始字符串。

1. 第一个问题是我们是否可以使用 jQuery 选择这样的子字符串，并使用 jQuery 方法(例如 .css())将样式应用于该元素。
2. 第二个问题，如果我们没有这样的选择器，我们如何通过字符串操作使用jQuery或javascript来实现

谢谢。

已更新

感谢大家的努力。这是一个小程序，我正在寻找的最终结果http://jsfiddle.net/TPg9p/3/干杯!

Answer 1

如果您知道要搜索的元素:

var string = "Lycaoniam";
var e = $("elementSelector"); // put here your selector
e.html(e.html().replace(new RegExp(search, "gi"), "<b>"+search+"</b>"));

对于更多元素，只需循环遍历它们并进行替换。要制作可切换的样式，我会使用自定义类:

 e.html(e.html().replace(new RegExp(search, "gi"), "<span class='highlight'>"+search+"</span>"));

并删除它:

$(".highlight").contents().unwrap();

.contents().unwrap() 不仅可以剥离类(必须相应设置样式)，还可以剥离标签。