Question

我想在每个锚标签的结尾标签</a>上显示“ href”属性的值。

相反，此代码仅适用于页面上的第一个链接。

jQuery.noConflict(); 
jQuery(document).ready(function($) {
    $('a').after($('a').attr('href'));
})(jQuery);

Answer 1

您需要以其他方式调用该函数：

.after( function-html )

类型：函数（整数索引，字符串html）=> htmlString或Element或Text或jQuery 该函数返回HTML字符串，DOM元素，文本节点或jQuery对象，以插入匹配的元素集中的每个元素之后。接收元素在集合中的索引位置以及该元素的旧HTML值作为参数。在函数中，它引用集合中的当前元素。

通过这种方式，您可以为每个锚点返回after方法以打印正确的文本：

$('a').after(function(idx, txt) {
    return this.getAttribute('href');
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="url1">link text</a>
<a href="url2">link text</a>
<a href="url3">link text</a>
<a href="url4">link text</a>

如何在“”之后添加“ href属性”

1 个答案: