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

时间:2012-12-12 09:00:14

标签: javascript jquery dom

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

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

3 个答案:

答案 0 :(得分:1)

span元素没有value属性,您应该使用text

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

答案 1 :(得分:1)

尝试:

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

可能您想将其附加到文档

答案 2 :(得分:0)

使用上面的代码,你刚刚创建了元素,你仍然需要添加到DOM,你有several methods,例如你可以使用{{1}将你的元素附加到DOM中其他一些现有元素的末尾,所以你的行如下:

.appendTo()

将会改变这个:

).addClass('bullet')