jQuery使用XML数据更新UL列表

jquery update ul list with xml data

本文关键字：UL 列表更新数据使用 XML jQuery 更新时间：2023-09-26

我正在尝试使用jQuery函数更新html中的ul。我想阅读一个xml（rss提要），然后为每个标题将其添加到我的ul中。

j查询函数

<script type="text/javascript">
jQuery(function(){
 jQuery.getFeed({
    url: 'xml/rss-21.xml',
        success: function(feed) { 
       var $ul = $('ul#test').empty();  // the ul where xml will end up....
         $ul.append('<li data-theme="c"><a href="#page1" data-transition="slide">'feed.title'</a></li>');
  });
});
</script>

.HTML

<div id="result" 
                <ul data-role="listview" data-divider-theme="b" data-inset="true" id="test">
                    <li data-role="list-divider" role="heading">
                        News
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="slide">
                            Dolbey and Alpha Systems Announce Strategic Alliance Partnership
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#page1" data-transition="slide">
                            Dictate Into Your EMR
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="http://www.tristateis.com" data-transition="slide">
                            Win a Free Digital Pocket Memo
                        </a>
                    </li>
                </ul>
                  </div>

使用这个。这会将您的 RSS 作为 JSON 对象返回到回调函数：

function parseRSS(url, callback) {
   $.ajax({
   url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent(url),
   dataType: 'json',
   success: function(data) {
   callback(data.responseData.feed);
   }
 });
}