Использование идентификатора ссылки для анализа данных из XML-файла с помощью jquery

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, на «content»сообщения, когда вы нажимаете на соответствующую ссылку, а идентификаторы не всегда являются числами.Я думаю, что мне нужно использовать 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

try

$('#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;
}

Это должно заменить все html-содержимое на <post id="X"> и поместить его в #content при нажатии <a id="X">.

также не забудьтевернуть false, чтобы предотвратить действие по умолчанию <a>