如何使用javascript替换正文中的一些文本而不影响现有标记

时间:2014-01-25 08:45:13

标签: javascript jquery html text replace

我将用一个例子来解释我需要做什么

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

我需要通过用JavaScript替换它来突出显示并在上面的html中添加“some”和“test”的链接,如何影响其他标签以及href和class中存在的“some”和“test”< / p>

注意:我没有权限编辑该页面的html我可以做的就是把我的脚本放到标题中

3 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分:0)

<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");

答案 2 :(得分:0)

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

<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");