如何使用 javascript 在不影响现有标签的情况下替换正文中的某些文本答案

【问题标题】：How to replace some text inside body without affecting existing tag using javascript如何使用 javascript 在不影响现有标签的情况下替换正文中的某些文本
【发布时间】：2014-02-16 09:10:29
【问题描述】：

我将举例说明我需要完成什么

<body>
    some text 
    <a href="http://somelink.com" class="some">some</a>
    <span class="test">test</span>
</body>

我需要在上面的 html 中突出显示并添加指向“some”和“test”的链接，方法是用 JavaScript 替换它，我该怎么做才能不影响其他标签以及 href 和 class 中存在的“some”和“test”

注意：我无权编辑该页面的 html，我所能做的就是将我的脚本放在标题中

【问题讨论】：

您想在 span 元素内添加链接，对吧？请稍微解释一下 - 所需的 html 输出是什么？
此代码用于在我无法编辑的 html 页面上突出显示一些关键字，他们会将我的 scipt 放在那里我只有要突出显示的关键字列表
好的，html 将由您提供？如果是，请为您要突出显示的所有单词设置一个跨度类，例如 some 并将其放入您的 jquery $('.hl').css('border',' 1px 纯红色');我希望你有一个想法......

标签： javascript jquery html text replace

【解决方案1】：

您可以使用特定类在“some”和“text”周围添加一个跨度，然后根据需要使用 jQuery 类选择器进行操作。

<span class="someSpan">some</span> <span class="textSpan">text</span> 

$( ".someSpan" ).css( "border", "1px solid red" );

【讨论】：

【解决方案2】：

<body>
    some text 
    <a id="link" href="http://somelink.com" class="some">some</a>
    <span id="span" class="test">test</span>
</body>

$("#link").text("some other text");

$("#span").text("some other text");

【讨论】：

我无法编辑该页面的 html，我只需要通过 javascript 完成此操作

【解决方案3】：

您可以使用类选择它们并进行更改。

<body>
    some text 
    <a href="http://somelink.com" class="some">some</a>
    <span class="test">test</span>
</body>

$('span.test').text('Some new text');
$('a.some').text('Some new link text').attr('href',"http//newlink.com");

【讨论】：