使用jquery操作xml节点的方法总结

$(function(){
    var html = '';
    $.ajax({
        url: '/chapter3/Recipe1/common.xml',
        type: 'get',
        dataType: 'xml',
        success: function(data){
            var books = $(data).find('book');
            books.each(function(index, b){
                var name = $(b).find('name').text();
                var year = $(b).find('name').attr('year');
                html += '' + name + '(' + year + ')' + '';
                $(b).find('story').each(function(i, s){
                    var title = $(s).find('title').text();
                    var quote = $(s).find('quote').text();
                    html += '';                    html += '' + title + '';                    html += '' + quote + '';                    html += '';
                    html += '
' + title + '
                    html += '
' + quote + '
                    html += '
                });
            });
            $('#result').html(html);

        },
        error: function(error){
            console.log(error.responseText);
        }
    });
    //live 已经被废弃，使用on代替，on的功能实在是太强大了
    $(document).on('click', 'h1', function(){
        $(this).next('ul').toggle('fadeIn');
    });
});