image - wordpress 通过 alt 获取所有图片

Question

我有很多帖子，里面有很多图片。我在 alt 字段中为每个图像标记了一种颜色。所以每个图像都有颜色。

现在我需要找到并显示基于该颜色的所有图像。而且我希望仍然能够链接到它的父帖子。所以我根据 alt 标签的内容搜索所有 wordpress 图像。

这可能需要一些嵌套循环，我不确定。我怀疑有一种优雅的方法可以做到这一点。

任何人都可以帮助我，应该是这样的：

<a href="link to post"><img src="img source" alt="blue" /></a>
<a href="link to post"><img src="img source" alt="blue" /></a>
<a href="link to post"><img src="img source" alt="blue" /></a>
<a href="link to post"><img src="img source" alt="blue" /></a>
<a href="link to post"><img src="img source" alt="blue" /></a>
<a href="link to post"><img src="img source" alt="blue" /></a>

我没有其他 php 标记，我不知道从哪里开始

Answer 1

试试这个jQuery解决方案

var imgs = $('img[alt|="blue"]');
alert(imgs.length);

有关此选择器的更多信息，请转到此处。

如果你想使用纯 JavaScript 解决方案，试试这个

var imgs = document.getElementsByTagName("img");
var imgsBlue = [];
for (var i = 0; i < imgs.length; i++) {
  if (imgs[i].alt == 'blue')
      imgsBlue.push(imgs[i]);
}
alert(imgsBlue.toString());