Попытка заменить текст и динамически добавить ссылку с помощью JQuery

Question

Итак, довольно простая вещь, просто не знаю, как это сделать. На этой странице http://www.juju.com.au/blog/ есть записи в блоге, которые имеют [...] в конце. Я хочу захватить ссылку из заголовка сообщения и заменить [...] ссылкой «читать дальше». Может кто-нибудь помочь с этим? Благодаря!

Answer 1

так я предполагаю, что вы хотите:

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

где postNum будет отличаться для каждой должности. Тогда вы хотите:

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

некоторого код вы можете либо сделать вызов AJAX для получения полного текста, или то, что вы могли бы сделать это, когда вы загружаете страницу, загрузить полный текст, но скрыть после определенных символов #, и внутри функции вы можете отобразить этот текст.

Answer 2

Я уверен, что есть более эффективные способы, но это должно работать для вашего сценария.

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

Answer 3

Вот то, что вы хотите:

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

And a working Fidle