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

时间:2014-01-24 20:36:02

标签: jquery dynamic hyperlink

一般来说这是一件非常简单的事情,只是不确定如何执行它。此页面http://www.juju.com.au/blog/的博客文章最后有[...]。我想从帖子标题中获取链接,并用“阅读更多”链接替换[...]。有人能帮忙吗?谢谢!

3 个答案:

答案 0 :(得分:0)

所以我想你想要:

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

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

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

您可以使用AJAX调用来检索全文的某些代码,或者您可以执行的操作是在加载页面时加载全文但在某些字符后隐藏#,并且在函数内部可以取消隐藏该文本。

答案 1 :(得分:0)

我确信有更有效的方法,但这应该适用于您的方案。

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

答案 2 :(得分:0)

这是你想要的:

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

And a working Fidle