Javascript：如何向HTML页面中的所有链接添加数据字段

我有一个html页面，我必须将数据fancybox=“gallery”添加到页面中的所有链接，以便在fancybox中显示图像

现在我正在手动添加到每个页面中的所有链接

如何通过javascript/Jquery将数据fancybox=“gallery”自动添加到所有链接

例如：

<a data-fancybox="gallery" href="https://example.com/Capture.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="621" data-original-width="603" height="640" src="https://example.com/Capture.JPG" width="620" /></a>

---

只需使用JQuery在每个

你好，世界2号

试试：

document.body.getElementsByTagName("a").setAttribute("data-fancybox", "gallery");

对我来说，像这样的绝对值使用上面的选择器，而不是 每个您知道添加链接的价值，除非添加不同的价值 对于每一次，请使用上面的代码

这可能会有帮助

/*data fancybox=“gallery”*/
var all_anchors=document.getElementsByTagName（'a'）；
对于（i=0；i

HTML语法：

<article
  id="electriccars"
  data-columns="3"
  data-index-number="12314"
  data-parent="cars">
...
</article>

CSS访问：

article::before {
  content: attr(data-parent);
}

参考链接：
你能使用jquery吗？是的……你能给我举个例子吗？所有需要连接到fancybox插件的链接都包含img标签吗？像
？当有一个绝对库值要放时，为什么要使用每个库？你能解释一下为什么要用每个库来代替
$（“a”）.attr（'data-fancybox'，'gallery'）
这个吗？这很好，但它会让页面上的所有其他链接都加载到fancybox中…我的意思是像home，about-us，contactus这样的菜单。我想添加到链接只与img@hahah是的，这就是你要的。这基本上会将数据属性添加到网页上的所有链接中。如果你想将它添加到某个类、id或某个容器中的链接中，那就请求吧，我会帮你的。是的，对不起，忘了提了……那么我该如何避免呢？请参阅我的答案@haha
<article
  id="electriccars"
  data-columns="3"
  data-index-number="12314"
  data-parent="cars">
...
</article>

var article = document.getElementById('electriccars');

article.dataset.columns // "3"
article.dataset.indexNumber // "12314"
article.dataset.parent // "cars"

article::before {
  content: attr(data-parent);
}