将 href 标签内部替换为 img 标签内部。

huangapple go评论62阅读模式
英文:

replace the inside of a href with the inside of img tag

问题

我有一个HTML文件中的一些

元素。现在,每个

中的标签的href属性应该与标签的src属性相同。

这意味着如果的src属性看起来像这样:

<img src="media/gallery/Mr. G.jpeg">

那么包含该标签的href属性应该自动变成这样:

<a href="media/gallery/Mr. G.jpeg">

在截图中,你可以看到我的代码,有人可以帮助我吗?
我的div

我曾尝试使用JavaScript编写代码,但未成功。我目前仍在学习,并且对JS不太熟练。

英文:

I have some divs in an html file. Now in each div a href should be the same as img src.
That means if img src looks like this: &lt;img src=&quot;media/gallery/Mr. G.jpeg&quot;&gt;
then the a href, in which the img is, should look automaticly like this:
&lt;a href=&quot;media/gallery/Mr. G.jpeg&quot;&gt;

In the screenshot you can see my code, can anyone help me?
my div

I have tried unsuccessfully to write code with javascript. I am currently still learning and am unfortunately not so good at JS yet.

答案1

得分: 0

你可以使用 document.querySelectorAll 获取所有的容器元素,然后循环遍历它们,将每个 href 设置为与图像匹配。

document.querySelectorAll('.content_section_item').forEach(el => {
	const a = el.querySelector('a');
	a.href = a.querySelector('img').src;
});
英文:

You can get all the container elements with document.querySelectorAll, then loop over them to set each href to match the image.

document.querySelectorAll(&#39;.content_section_item&#39;).forEach(el =&gt; {
	const a = el.querySelector(&#39;a&#39;);
	a.href = a.querySelector(&#39;img&#39;).src;
});

huangapple
  • 本文由 发表于 2023年2月24日 05:35:05
  • 转载请务必保留本文链接:https://go.coder-hub.com/75550552.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定