检查图像上的alt-attribute是否有值，并在其中添加包含另一个图像的<div>

Question

我是JQuery和Javascript的新手，所以我需要一点帮助来写一段JQuery代码。我想要做的是编写一个函数，在Wordpress中查看某个帖子中的所有图片，并检查它们是否有alt="watermark"。

如果是这样的话，我想把每个<img>都包装成<div>。此外，我希望在<div>中将第二个图像放在另一个图像之上。我已经设法在基于alt的图像周围创建了div。我还可以在该div中的现有图像上添加一个图像。然而，我不能重复最后一个动作。我的代码只将图像添加到第一个<div>中。

$(document).ready(function(){
$("img[alt*='watermark']").wrap('<div id="watermark" />');  
$('#watermark').prepend("<img src='images/watermark.png'/>");
});

Answer 1

您可以使用before()在当前镜像之前添加镜像：

$(document).ready(function(){
    $("img[alt*='watermark']").wrap('<div id="watermark" />');
                              .before("<img src='images/watermark.png'/>");
});

此选择器：

$('#vannmerke_hvit')

表示一个ID，ID是唯一的，因此只适用于一个元素，即第一个元素。您可以将其更改为一个类，以使其与多个元素一起工作。

莱克·蒂尔！