javascript - 如何使用dom jquery在html页面中显示值

Question

我需要使用 dom jQuery 在 html 页面中显示值，但它不显示值。我的代码：

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

Answer 1

spanelement 没有value属性，你应该使用它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');