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);

有关此选择器的更多信息，请访问here。

如果您想使用纯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());