javascript - 使用 jQuery 解析 Reddit XML 时出现问题

Question

我正在尝试使用 subreddit 的 reddit XML feed，但在使用 JavaScript 解析它时遇到问题。

我有这个代码

function parseXml(xml) {
    var xmlResult = "";
    $(xml).find("item").each(function() {
        xmlResult = xmlResult + ($(this).find("title").text()) + "<br />";
    });
    document.write(xmlResult);
}

但问题是它重复了标题。

在 Reddit XML feed 中，有标题和 media:title 标签。我如何解决这个重复问题。

示例:标题是“非常棒的帖子标题”，在我的输出中，我得到“非常非常棒的帖子标题非常非常棒的帖子标题”。

Answer 1

问题是<item> element 包含两个名为 <title> 的元素具有相同的值:

<item>
  <title>Really awesome title of post</title>
  ...
  <media:title>Really awesome title of post</media:title>
  ...
</item>

当您使用title时选择器，jQuery 返回它们并将它们的文本连接在一起。

解决方法是选择第一个元素:

$(this).find("title").first().text()

由于元素无论如何都包含相同的值，因此获得哪个并不重要。