jquery - 在与特定类链接后添加 HTML 内容

Question

我想在具有特定类的链接后添加一些 HTML。

好吧 - 这行不通:

a.mylinkclass:after { 
    content: "<div class='uk-badge'>Test</div>";
    color: green;
}

content 不允许 HTML。那么我还有什么其他的可能性可以将 HTML 添加到带有特定标签的链接中呢？

Answer 1

你可以尝试这样的事情(使用jQuery)

$("<div class='uk-badge'>Test</div>").insertAfter('a.mylinkclass');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href='' class='mylinkclass'>mylinkclass 1</a>
<a href='' class='myotherclass'>myotherclass</a>
<a href='' class='mylinkclass'>mylinkclass 2</a>
<a href='' class='myotherclass'>myotherclass</a>