如何获取包含内容的图像属性？

Question

我可以从标记<a>获取属性，但我无法从<img>获取该属性。我该怎么办？

DEMO

HTML

<img src="http://placehold.it/50x50" alt="Some alt"/>
<br/>
<a href="#" alt="Some alt">test link</a>

CSS

img:after{
    content:attr(alt);
    margin-left:10px;
}
a:after{
    content:attr(alt);
    margin-left:10px;
}

Answer 1

根据@Passerby评论，CSS不可能：

  

根据MDN，::在“匹配虚拟的最后一个孩子之后   选中的元素“，因为不能有孩子，所以不会有   any :: after或:: before。同样适用于输入。

所以我写了这个JQuery代码：

DEMO

var $imageAlt = '<span class="after">'+$("#image").attr("alt")+'</span>';
$("#image").after($imageAlt);