Cómo recorrer archivo externo html con Javascript/Jquery

JavaScriptLogoExisten diversas formas desde un archivo solicitar un html externo de plantilla y recorrerlo. Lo adecuado sería usar un sistema de plantillas como Mustach, boirplate, Handlebars o incluso el que nos permite Jquery. En el caso contrario, podemos incrustar un archivo externo y recorrer el DOM fácilmente.

En este ejemplo, podemos ver como desde jquery, solicitamos un archivo html, lo convertimos para poder parsearlo como un elemento DOM. Así podremos editarlo como si se tratase un elemento de la web.

//Solicitamos el fichero.
$.get("templates/example.html", function(data){
    //Parseamos los datos devueltos.
    var html = $.parseHTML(data);
    //añadimos a una etiqueta con la clase name, el valor 'Hola Mundo'
    $(html).find(".name").text('Hola Mundo')
    //Añadimos los datos al div con id #something
    $("div#something").append(html);
});

Deja un comentario