Question

我已经在我的网站上创建了一个实时推文Feed，希望包含在旋转木马中。我面临的挑战是将twitter API提要div转换为“li”，因此每个twitter提要都以单独的li显示。

click here

我一直在阅读以下内容;

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

然而，我发现很难消化。这个论坛中是否有人可以通过细分开发过程来实现这一目标？

感谢

Answer 1

我帮助解决了你的另一个问题所以我假设你想把它应用到同一个网址 - 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>');

排序！

twitter小部件包装问题

1 个答案: