jquery - 检查图像上的 alt 属性是否有价值并添加里面有另一个图像

Question

我对 JQuery 和 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 是唯一的，因此仅适用于一个元素，即第一个元素。您可以将其更改为一个类以使其与多个元素一起使用。

直到！