检查图像上的alt-attribute是否有值，并将<div>添加到</div>中的另一个图像

Question

我对JQuery＆amp; Javascript所以我需要一点帮助，我正在尝试编写JQuery中的一段代码。我想要做的是编写一个函数来查看Wordpress中某个帖子中的所有图像，并检查它们是否有alt="watermark"。

如果他们这样做，我想在每个<div>周围包裹<img>。另外，我想在另一个图像的顶部放置<div>内的第二个图像。我已设法根据div在图片周围创建alt。我还能够在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是唯一的，因此只适用于第一个元素。您可以将其更改为一个类，以使其适用于多个元素。

Lykke直到！