javascript - domjqueryを使用してhtmlページに値を表示する方法

Question

dom jQueryを使用してhtmlページに値を表示する必要がありますが、値が表示されません。私のコード：

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

Answer 1

spanvalue要素にはプロパティがありませんtext。代わりに使用する必要があります。

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

Answer 2

試す：

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

そして、それをドキュメントに追加したいかもしれません

Answer 3

上記のコードでは、要素を作成したばかりですが、それらを DOMに追加する必要があります。そのための方法がいくつかあります。たとえば.appendTo()、DOM 内の他の既存の要素の最後に要素を追加するために使用できます。あなたの次の行：

).addClass('bullet')

これは次のように変更されます。

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