H2+ Goes On

REST APIを使って外部サイトからデータセットを取得して、各要素をリスト形式でページ内に表示させたいことがあるかと思います。

1
2
3
4
5
6

var fruits = [ 'apple', 'banana', 'orange' ];
$.each(fruits, function() {
    $('ul#fruits').append(
        $(document.createElement('li')).text(this)
    );
});

4行目の$(document.createElement('li'))の部分は、$('<li>')と簡単に書くこともできますが、JavaScriptコードにはHTML固有の文法を持ち込みたくないものです。
Continue reading »