вопрос переноса виджета в твиттер

Question

Я создал живую ленту твитов на своем сайте, которую хочу завернуть в карусель. Задача, с которой я сталкиваюсь, заключается в преобразовании div-каналов фида API Twitter в "li", чтобы каждый фид Twitter отображался в отдельной строке.

нажмите здесь

Я делал это, читая следующее:

http://api.jquery.com/wrap/

однако мне трудно это переварить. Есть ли кто-нибудь на этом форуме, который может любезно разбить процесс разработки для достижения этой цели?

спасибо

Answer 1

Я помог вам с другим вопросом, поэтому я предполагаю, что вы хотите применить его к тому же URL - http://thisiswired.com/test/test.html?

Если это так, вы можете использовать следующий код:

// Remove unwanted div
$('.twtr-reference-tweet').remove();

// Change the <div>s to <li>s
$('.twtr-tweet').each(function() {
  $(this).replaceWith('<li id="'+$(this).attr('id')+'" class="'+$(this).attr('class')+'">' + $(this).html() + '</li>');
});

// Change the parent <div> to <ul> and wrap it in a <div> ready to apply the carousel
$('.twtr-tweets').replaceWith('<div id="carouselId"> <ul class="twtr-tweets">'+$('.twtr-tweets').html()+'</ul></div>');

Сортировка!