AJAX请求，获取具有相同类的多个链接的href属性

Question

I'm writing a piece of jQuery that says if .ajaxLink is clicked, then take it's URL and apply it to the ajax call, like so:

$(".ajaxLink").click(function (e) {
    e.preventDefault();
    removePreviousData(); // removes any div that might be loaded in #content
    jQuery.ajax({
        type: 'GET',
        url: $(this).attr('href'),
        success: function (data, textStatus) {
            $(data).appendTo('#content');
        },
        error: function (XMLHttpRequest, textStatus, errorThrown) {},
        complete: function (XMLHttpRequest, textStatus) {
            loadedData() // applies some relative animations for loaded content
        }
    });
    return false;
});

This works fine for the first link that I click on, but since I have multiple links on the same page that use this class, when I click on the second link, it just loads the same data. How do I get it to apply to each .ajaxLink ( assuming .each(), but can't get that to run ).

Thanks!

Answer 1

If you want #content to show only the content of the href of the link clicked you'll have to replace #content 's content not append to it.

    success: function (data, textStatus) {
        $('#content').html(data);
    },