Question

我需要能够在链接本身后面的链接地址放在一个充满工作人员参考链接的表中。我以前用CSS很容易做到这一点，但地址是只读的：用户无法将其复制并粘贴到文档中。相反，我想在元素之后使用jQuery追加，并使用类似CSS方法的表示。到目前为止，我一直没有成功。有人可以提供指导吗？

<tr><td><a href="http://test.com/documents/doctorateofeducation.pdf"><strong>Review of Doctor of Education (EdD) Programs</strong></a></td></tr>

Answer 1

在每个锚点上调用.append()，附加其链接网址。您可以将其包装在带有类的范围内以进行样式设置。

$("a").append(function() {
    return $("span", {
        text: this.href,
        "class": "anchorlink"
    });
});

Answer 2

不确定为什么追加不起作用，但我成功了：

<script type="text/javascript">
$(document).ready(function() {
$('#policies_div a').each(function(){
     var address = this.href;
     this.innerHTML += ' <span class="linktoshare">' + address; + '</span>';
});
});

</script>

感谢您的帮助 - 它引导我朝着正确的方向前进。

使用jQuery在链接后发布链接地址（在屏幕上）

2 个答案: