我正在使用jQuery插件来获取一些RSS源。该插件是FeedEk。
用法很简单:
<script>
$('#rss_div').FeedEk({
FeedUrl: 'http://some_rss_url.feed',
MaxCount: 5,
ShowDesc: true,
ShowPubDate: true,
DescCharacterLimit: 200,
TitleLinkTarget: '_blank
});
我需要将每个Feed都放在一个单独的div中。
脚本生成的html是:
<div id="rss_div">
<ul class="feedEkList">
<li>
<div class="itemTitle">....title blabla....</div>
<div class="itemDate">.....date...</div>
<div class="itemContent">....content...img src...blabla..</div>
</li>
<li>
and so on..
</li>
</ul>
</div>
这就是我正在尝试将元素从rss_div移动到其他div:
$(document).ready(function() {
$('#divRss > li:eq(0)').appendTo('#newsContainer1');
});
没有任何成功,因为'newsContainer1'div仍然是'空'。
提前谢谢大家。
编辑实施一些答案:
<div id="rss_div"></div>
<div id="newsContainer1"></div>
<div id="newsContainer2"></div>
<script>
$('#rss_div').FeedEk({
FeedUrl:'http://rss.cnn.com/rss/edition.rss',
MaxCount : 2,
ShowDesc : true,
ShowPubDate:true,
DescCharacterLimit:300,
TitleLinkTarget:'_blank'
});
</script>
也许我做错了因为rss_div在“运行时”被“填充”了?
答案 0 :(得分:1)
此处不需要立即子选择器>
。也将ID选择器更改为#rss_div li:eq(0)
:
$(document).ready(function() {
$('#rss_div li:eq(0)').appendTo('#newsContainer1');
});
另外,li
应该在附加到div之前包含在ul
元素中。
答案 1 :(得分:1)
我认为你有一个错误的选择器:
$('#divRss > li:eq(0)')
其rss_div
:
$('#rss_div li:eq(0)')
答案 2 :(得分:0)
你需要这样做:
$(document).ready(function() {
$('#rss_div ul > li').appendTo('#newsContainer');
// get ul inside div and its immediate li
});
或:
$(document).ready(function() {
$('#rss_div > ul > li').appendTo('#newsContainer');
// get immediate ul inside div and its immediate li
});
或:
$(document).ready(function() {
$('#rss_div > ul li:eq(0)').appendTo('#newsContainer');
// get immediate ul and its first li
});
或:
$(document).ready(function() {
$('#rss_div ul li:eq(0)').appendTo('#newsContainer');
// get ul inside div and its first li
});