Question

xml就像这样

<post id="1">
  <content>...</content>
</post>
<post id="2">
  <content>...</content>
</post>
<post id="3">
  <content>...</content>
</post>

然后html是

<div id="content"></div>
<a id="1">option 1</a>
<a id="2">option 2</a>
<a id="3">option 3</a>

当你点击相应的链接时，我正在尝试（并且失败）用帖子的'内容'替换div中的任何内容 - 而且id并不总是数字。我想我需要使用event.target.id，但无法在网络上的任何地方找到相关信息，感谢您的帮助。

Answer 1

$('a').click(function() {
    var id = this.id;
    $.get("http://www.foo.com/xmlfile.xml", function(xml) {
        var content = $(xml).find('post#' + id + ' content').text();
        $('#content').html(content);
    });
});

Answer 2

试

$('#content a').click(function() {
    var id = this.id;
    $.ajax({
        type: "GET",
        url: "xml_file.xml",
        dataType: "xml",
        success: function(xml) {
            $('#'+id).html(xml.find('#'+id).html());
        }
    });
    return false;
}

这应该替换<post id="X">中的所有html内容，并在点击<a id="X">时将其放在#content中。

也不要忘记返回false以防止<a>

的默认操作

使用链接的id用jquery解析来自xml文件的数据

2 个答案: