html - 使用条件定位最后一个 A 元素

Question

我需要定位最后一个 <a>元素，但有一些条件。 在这种情况下，文本是通过 CMS 创建的，这限制了我添加类的选项。我创建了一个 jsfiddle显示我的问题。最后<a>在它的 :after 中必须有一个很棒的字体 Angular 另一个<a>元素没有。我不能使用类似 :last-child a 的东西因为默认情况下用户/文本作者不必编写链接。在第一段之后还有另一段的可能性。因此，除了最后一个 <a> 之外，没有什么是默认的独立于带有一些实际文本的段落的元素必须有一个图标。

这有点难以解释，但 jsfiddle 会自行解释，所以请看一看。如果有 CSS 解决方案就好了。如果不是，则 jQuery 排在第二位。

提前致谢!

Answer 1

据我所知，它不能单独使用 CSS 来完成。

JavaScript 怎么样:

var element = document.getElementsByTagName("a");
for(var i=0; i < element.length; i++) {
    var el = element[i]
    var x = el.parentNode.innerText.length;
    var y = el.innerText.length
    if (x === y) {
        el.classList.add('icon');
    }
}

CSS:

.icon::after{
    content: "\f105";
    margin-left:5px;
    font-family: FontAwesome;
    background-color: transparent;
}

它添加了一个 .icon全体类(class)<a>未与父元素中的文本内联包装的元素。