使用 XML 文档中的内容更新链接文本

Question

对于每个链接，例如

<a href="http://www.wowhead.com/item=78363">http://www.wowhead.com/item=78363</a>

我想在href 属性中检索 URL 末尾的 ID。例如，78363，如上所示。使用此 ID，我想检索一个 XML 页面并根据 ID 从中获取数据。 XML 文档的 URL 与项目的链接相同，但以 &xml 结尾，所以：

http://www.wowhead.com/item=78363&xml

从 XML 页面我需要下面看到的 CDATA 部分中的值：

<name>
<![CDATA[Vagaries of Time]]>
</name>

也就是《时间的变幻莫测》。然后我需要在标签内插入名称：

<a href="http://www.wowhead.com/item=78363">Vagaries of Time</a>

我怎样才能做到这一点？

Answer 1

根据正则表达式循环链接，发送 Ajax 请求，使用正则表达式解析文本，然后完成。

$('a').each(function() {
    var $this = $(this);

    if(/item=\d+$/.test(this.href)) {
        $.ajax({
            url: this.href + '&xml',
            dataType: 'text',
            success: function(data) {
                $this.text(/<!\[CDATA\[([^\]]+)/.exec(data)[1]);
            }
        });
    }
});

当然，您很可能希望添加一些错误检查。此外，如果您的 XML 文档比您发布的示例更复杂，请考虑使用本机 XML 功能进行解析 - 为了简单起见，我只是使用了正则表达式。