JQuery, Get HTML Comments Node

by André Albson

HTML

<button>Load the Content!</button>
<br><br>
<div id="fake-elem-container">
    <!--
    <img src="http://lorempixel.com/200/100/animals/1" width="200" height="100">
    <img src="http://lorempixel.com/200/100/animals/2" width="200" height="100">
    -->
</div>
<div id="container"></div>

CSS

body {padding:30px;text-align:center}

JavaScript

// Dapat digunakan untuk menunda pemuatan elemen tanpa AJAX

function loadImage() {
    $('#fake-elem-container').contents().filter(function() {
        return this.nodeType == 8;
    }).each(function(i, e) {
        $('#container').html(e.nodeValue);
    });
}

$('button').on("click", loadImage);