Javascript 根据H2的内容动态更改超链接（href）？

我目前正在帮助一个大型联盟网站动态替换他们的链接

他们希望将H2标记的内容与类名

wp block image

一起使用

这是代码的样子：

某本书的名称

链接：

预期结果：某本书的（是的，最终URL中的空格可以！）

我们想在上面的链接中添加“某本书的名称”（H2的内容）作为后缀。任何帮助都将不胜感激

考虑到h2 id的变化，我们希望针对.wp block image类之后的每个h2。

愿意使用jQuery或Javascript来实现这一点

例如：

某本书的名称

我们要在pageview上更改此div：

URL:https://www.somesite.com/search-suggestion/

成为：

---

URL:https://www.somesite.com/search-suggestion/Name 一些书的

Tjena。这个答案是基于您对DOM结构的解释，在下面我的runnable代码片段中重现。如果不匹配100%，只需相应地更新选择器

const-imageBlocks=document.queryselectoral（“.wp-block-image”）；
imageBlocks.forEach（（块）=>{
const header=block.getElementsByTagName（“h2”）[0]；
const link=block.querySelector（“.searchsuggestion a”）；
link.href+=header.innerText；
});

摩门经
请向我们展示您的尝试，以及！这些要求相当不明确。DOM结构根本没有定义。这甚至意味着什么：“在.wp块图像类之后的每个H2。”。显示示例html。链接在哪里？它们是否存在，或者是否应该附加到某个地方？@oligofren我刚刚在上面添加了一个示例。如果URL确实存在于div中的页面上，并且我们想要更改后缀，那么示例应该向您展示。很抱歉给您带来不便。好的，这更有意义。。。但是页面上有多个h2s，只有一个div？不，页面上最多有3个图像，每个图像下有1个h2。此外，每个图像下都有一个div。我们希望使用H2的内容动态地更改该div中的搜索字符串。