尝试使用 Jquery 替换文本并动态添加链接答案

【问题标题】：Trying to replace text and dynamically add link using Jquery尝试使用 Jquery 替换文本并动态添加链接
【发布时间】：2014-02-15 23:59:16
【问题描述】：

总的来说，这是一件非常简单的事情，只是不知道如何执行它。此页面http://www.juju.com.au/blog/ 的博客文章末尾有 [...]。我想从帖子标题中获取链接并将 [...] 替换为“阅读更多”链接。有人能帮忙吗？谢谢！

【问题讨论】：

如果您向我们展示您的尝试，将会很有帮助。

标签： jquery dynamic hyperlink

【解决方案1】：

所以我假设你想要：

[<a onclick:"function(postNum)">...</a>]

每个帖子的 postNum 会有所不同。那么你想要：

<script> function(postNum) {
//SOME CODE
} </script>

您可以进行 AJAX 调用以检索全文，或者您可以做的是当您加载页面时加载全文但在某些字符之后隐藏 #，并且在函数内部您可以取消隐藏该文本.

【讨论】：

【解决方案2】：

我确信有更有效的方法，但这应该适用于您的场景。

$('div.FeedContent').each(function() {
    var link = $(this).prev('h2').find('a').attr("href");
    $(this).html($(this).html().replace('[…]', '<a href="' + link + '">[…]</a>'));
});

【讨论】：

【解决方案3】：

这是你想要的：

$(".FeedContent").each(function () {
    TitleURL = $(this).prev().find("a").prop("href");
    $(this).html($(this).html().replace("[…]","<a href='" + TitleURL + "'>…</a>"));
});

And a working Fidle

【讨论】：