jQuery:如何更改一些 html 但保留其余部分？

Question

很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它， visit the help center 。

已关闭 11 年前。

使用 jQuery，我想从服务器加载页面，修改链接( anchor )，但保持 HTML 的其余部分相同。这可以用 jQuery 实现吗？

示例:

我想要这个代码...

<div>
    text 1<a href="link1.html">link 1</a><br/>
    text 2<a href="link2.html">link 2</a><br/>
    text 3<a href="link3.html">link 3</a><br/>
</div>

...成为此代码...

<div>
    text 1<a href="link4.html">link 1</a><br/>
    text 2<a href="link5.html">link 2</a><br/>
    text 3<a href="link6.html">link 3</a><br/>
</div>

我想要整个代码，包括 DIV。

这可以用 jQuery 实现吗？请帮忙!提前致谢。 :)

编辑:我加载的每个页面都会不同。我想提取完整的 HTML，更改 anchor HREF，然后返回结果。我无法使用模板，因为每个页面都会不同。

Answer 1

如果您想更改 anchor 标记的 HREF 值，只需使用 attr ^{[API Ref]} 方法:

$('a[href="link1.html"]').attr('href', 'link4.html');
$('a[href="link2.html"]').attr('href', 'link5.html');
$('a[href="link3.html"]').attr('href', 'link6.html');

此代码可以在静态 HTML 或动态加载的 HTML 上运行。没有什么区别。