英文:
replace the inside of a href with the inside of img tag
问题
我有一个HTML文件中的一些
这意味着如果的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: <img src="media/gallery/Mr. G.jpeg">
then the a href, in which the img is, should look automaticly like this:
<a href="media/gallery/Mr. G.jpeg">
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('.content_section_item').forEach(el => {
const a = el.querySelector('a');
a.href = a.querySelector('img').src;
});
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
- html
- javascript
- json
评论