jQuery将div中的元素移动到另一个

时间:2014-06-04 12:12:03

标签: javascript jquery

我正在使用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在“运行时”被“填充”了?

3 个答案:

答案 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
    });

FIDDLE DEMO