如何將新聞提要標題鏈接到新聞發布頁面？

Question

下面我附上了新聞提要腳本，我可以從該頁面獲取提要。 但我無法將新聞標題鏈接到新聞發布頁面...請幫我這樣做。

var html = '';
     $(document).ready(function() {
     $.get('http://sxp.microsoft.com/feeds/3.0?tags=msit', function (data) {
     $(data).find("item").each(function () {
     var el = $(this);
     html +='<li>';
     html += '<h3>'+ el.find('title').text()+ '</h3>';
     html += '<img src='+ el.find('image').text()+'>'+'</br>';
     html += '' + el.find("description").text()+'</span>';
     html +='</li>';
  });
  $("#get_feeds").html(html);
});

Answer 1

要在打開原始文章的標題中添加鏈接（包含在數據Feed中的<link>標記中），您可以在標題文本周圍添加錨標記（ <a> ）。

anchor標記應具有指向原始文章的URL的href屬性。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
    <script>
    $(document).ready(function() {
        $.get('http://sxp.microsoft.com/feeds/3.0?tags=msit', function (data) {
            var html = '';
            $(data).find("item").each(function () {
                var el = $(this);
                html +='<li>';
                html += '<h3><a href="' + el.find('link').text() + '">' + el.find('title').text() + '</a></h3>';
                html += '<img src="' + el.find('image').text()+'">' + '</br>';
                html += '' + el.find("description").text() + '</span>';
                html +='</li>';
            });
            $("#get_feeds").html(html);
        });
    });
    </script>
</head>
<body>
    <div id="get_feeds"></div>
</body>
</html>

更新了完整的示例

如何將新聞提要標題鏈接到新聞發布頁面？

問題描述

1 個解決方案

解決方案1
0 2016-06-26 15:01:31

如何將新聞提要標題鏈接到新聞發布頁面？

問題描述

1 個解決方案

解決方案1 0 2016-06-26 15:01:31

解決方案1
0 2016-06-26 15:01:31