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>

Answer 2

您可以使用JavaScript而不是CSS在链接后添加HTML。

例如，您可以使用JQuery来执行此操作:(因为我看到您的问题已被标记）

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

在与特定班级

2 个答案: