将UL内部的内容与列表项和锚标签<李><a></a></李>

Append content inside UL with list item and anchor tag <li><a></a></li>

本文关键字:gt lt 标签 内部 UL 列表      更新时间:2023-09-26

如何使用Javascript将内容附加到UL,其中包含LIST ITEM和ANCHOR TAG?现在我正在做这件事。

    for( var i = 0; i < projects.length; i++) {
    $('<li><a href="#"></a></li>', {
        text: projects[i].author
    }).appendTo('#contributors');
}

如果我只使用<li></li>,我可以让它工作,但一旦我添加锚标记<li><a href="#"></a></li>,代码就不会给出所需的结果。你的解决方案是什么?

请注意,正在创建a元素,以便对其应用texthref属性。然后将其封装在li中,并使用parent()获取该li,将其附加到#contributors元素。

for (var i = 0; i < projects.length; i++) {
    $('<a />', {
        href: '#',
        text: projects[i].author
    }).wrap('<li />').parent().appendTo('#contributors');
}