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>）。

锚标记应该有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>

更新了完整示例

如何将新闻Feed标题链接到新闻发布页面？

1 个答案: