在jQuery構建元素並添加到DOM

Question

我想在jQuery中構建一個ul列表，但它似乎只創建ul元素，而不是li？

var list = $('<ul></ul>').append($("<li/>").addClass('test').text('hello')); 

看起來很簡單，但不知道爲什麼它不起作用？

Answer 1

var list = $('<ul></ul>').append($("<li/>").addClass('test').text('hello')); 

$('body').append(list); 

這裏是小提琴http://jsfiddle.net/JH3ef/

Answer 2

適合我。請參閱http://jsbin.com/owovay/edit#javascript,html

您是否將該列表添加到頁面？

Answer 3

嘗試實際追加新創建UI元素機體：

var list = $('<ul></ul>').append($("<li/>").addClass('test').text('hello')).appendTo('body'); 

Answer 4

末添加呼叫到.appendTo()讓你UL在DOM。

var list = $('<ul></ul>').append($("<li/>").addClass('test').text('hello')).appendTo("body");