Question

基本上，我尝试使用jquery附加一个列表。此列表中的每个元素都连接到不同的链接。这就是我所做的

for (i=0; i <data.length ; i++ ){

        var a = $('<a />');
        a.attr('href','https://example.com/browse/' + data[i].key);
        a.text(data[i].name);


        $("#list-of-project ul").append("<li>").append(a).append("</li>");


    }

＆＃34;数据＆＃34;这是我从REST获得的具有键和名称属性的JSON数组。但是，使用这个，我得到了像unwanted result这样的输出。元素与列表点不在同一行。我希望文本与列表点在同一行。任何帮助？

Answer 1

您无法附加部分元素，例如打开和关闭LI标记首先创建LI元素，然后将锚点附加到它，然后将其附加到UL

for (i=0; i <data.length ; i++ ){

    var a = $('<a />', { 
        href : 'https://example.com/browse/' + data[i].key,
        text : data[i].name
    });

    var li = $('<li />');

    $("#list-of-project ul").append( li.append(a) );
}

请注意，如果data有多个索引，则应在循环外执行追加，并一次追加所有元素

Answer 2

for (i=0; i <data.length ; i++ ){

    var a = $('<a />');
    a.attr('href','https://example.com/browse/' + data[i].key);
    a.text(data[i].name);
    var li ="<li>"+a+"</li>"
    $("#list-of-project ul").append( li );
}

Answer 3

您无需像往常一样附加打开和关闭标记，只需将a附加到li，然后将li附加到ul } ...

for (i=0; i <data.length ; i++ ) {
    var a = $('<a />');
    a.attr('href','https://example.com/browse/' + data[i].key);
    a.text(data[i].name);

    var li = $('<li/>');
    li.append(a);

    $('#list-of-project ul').append(li);


}

Answer 4

<input type="test" id="inputName" />
<button id="btnName">Click me!</button>

<ul class="justList"></ul>

$('#btnName').click(function(){
    var text = $('#inputName').val();
    if(text.length){
        $('<li />', {html: text}).appendTo('ul.justList')
    }
});

如何使用jquery追加列表

4 个答案: