wordpress通过alt获取所有图像

时间:2012-08-13 13:01:40

标签: image wordpress loops

我有很多帖子,里面有很多图片。我在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标记,我不知道从哪里开始

1 个答案:

答案 0 :(得分: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());