如何使用dom顯示html頁面中的值jquery

Question

我需要使用dom jQuery在html頁面中顯示值，但是它不顯示值。我的代碼：

$(document.createElement("li")) 
    .append(
     $(document.createElement("span")) 
     .attr({ 
      id: id, 
      name: name, 
      value: name 
     }) 
    ) 
    .addClass('firstli') 
)} 

Answer 1

span元素沒有value屬性，您應該使用text來代替。

var $li = $('<li/>'); 
$('<span/>', { 
    id: layer.id, 
    name: layer.name, 
    text: layer.name, 
    'class': 'bullet' 
}).appendTo($li) 

Answer 2

您剛剛創建的元素你上面的代碼，你還需要它們添加到DOM，你有several methods爲，例如，你可以使用.appendTo()在追加的要素在DOM其他一些存在的元素的結束，所以你的下面一行：

).addClass('bullet') 

將改變這一個：

).addClass('bullet').appendTo('#someDOMelement'); 

Answer 3

嘗試：

$("<li></li>").append(
    $("<span></span>").attr({ 
     id: layer.id, 
     name: layer.name, 
    }).text(layer.name) 
).addClass('bullet').appendTo(document); 

而且可能要追加它記錄