html - コンテンツで画像属性を取得するには?

Question

タグから属性を取得できますが、から<a>は取得できません<img>。私に何ができる？

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

score 0 · Accepted Answer

@Passerby コメントによると、CSS では不可能です。

MDN によると、::after は「選択した要素の仮想の最後の子に一致します」。子を持つことができないため、::after または ::before はありません。入力も同様です。

だから私はこのJQueryコードを書いた：

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

1 に答える 1