如何在没有 jQuery 的情况下在 JS 中附加每个父项

How do I append each parent in JS without jQuery?

本文关键字：情况下 jQuery JS      更新时间：2023-09-26

我想用图像的alt标签的内容优雅地注释图像，我不想使用jQuery或其他多余的东西。

如何在 Javascript 中附加每个父项？

这是我到目前为止所拥有的（仅适用于jQuery）：

// after jQuery
$('img', 'figure').each(function() {
  $(this).parent().append('<figcaption class="image-text">' + this.alt + '</figcaption>'); 
});

演示：https://jsfiddle.net/0Lqxb4cp/

谢谢。

你可以用这样的东西进行转换：

var elements = document.querySelectorAll("img");
for(var i = 0; i < elements.length; i++) {
    var figCaption = '<figcaption>' + elements[i].getAttribute("alt") + '</figcaption>';
    elements[i].parentNode.innerHTML += (figCaption);
}

看到它工作：https://jsfiddle.net/y1rjL0qm/3/

我认为这对你的工作有帮助

<script type="text/javascript">
var path = $(this).parent() ;
var image = '<figcaption class="image-text">' + this.alt + '</figcaption>';
$('img', 'figure').each(function() {
  path.appendChild(image); 
});
</script>
相关文章：