Javascript 如何将字符串列表附加到div？_Javascript_Jquery_Html

Javascript 如何将字符串列表附加到div？

javascript jquery html

Javascript 如何将字符串列表附加到div？,javascript,jquery,html,Javascript,Jquery,Html,我有这个部门： <div id="cmplList" data-date="09/2017"></div> 这种方法： function test(data) { jQuery.each(data, function(index, value){ $('#cmplList').append($("ul").append($("<li>").text())); }); }

我有这个部门：

<div id="cmplList" data-date="09/2017"></div>

这种方法：

function test(data) {       

            jQuery.each(data, function(index, value){
              $('#cmplList').append($("ul").append($("<li>").text()));
        });
}

功能测试（数据）{
每个（数据、函数（索引、值）{
$（“#cmplList”）.append（$（（“ul”）.append（$（“”）.text（））；
});
}

data

变量是字符串数组

我试图创建

ulli

元素并将其附加到

div

。但是，似乎我做错了，你知道我在上面的代码中做错了什么吗？

你应该将

ul

DOM元素附加到

div

函数之外

另一方面，您必须先创建

ul

，然后将

附加到div中
<div id="cmplList" data-date="09/2017"></div>
function test(data) {
    var ul=$("<ul>");
    $.each(data, function(index, value){
          ul.append($("<li>").text(value));
    });
    $('#cmplList').append(ul);
}


功能测试（数据）{
var ul=$（“”）；
$.each（数据、函数（索引、值）{
ul.追加（$（“”）文本（值）；
});
$（'cmplList'）。追加（ul）；
}

简短示例：

var数据=['1'，'2']；
功能测试（数据）{
var ul=$（“”）；
$.each（数据、函数（索引、值）{
ul.追加（$（“”）文本（值）；
});
$（'cmplList'）。追加（ul）；
}
试验（数据）
您应该将ul
DOM元素附加到div
的函数之外
另一方面，您必须先创建ul
，然后将附加到div中
<div id="cmplList" data-date="09/2017"></div>
function test(data) {
    var ul=$("<ul>");
    $.each(data, function(index, value){
          ul.append($("<li>").text(value));
    });
    $('#cmplList').append(ul);
}


功能测试（数据）{
var ul=$（“”）；
$.each（数据、函数（索引、值）{
ul.追加（$（“”）文本（值）；
});
$（'cmplList'）。追加（ul）；
}

简短示例：

var数据=['1'，'2']；
功能测试（数据）{
var ul=$（“”）；
$.each（数据、函数（索引、值）{
ul.追加（$（“”）文本（值）；
});
$（'cmplList'）。追加（ul）；
}
试验（数据）
您必须先创建UL，然后创建LI，设置LI的文本，然后将其全部附加到DIV

功能测试（数据）{
var ul=$（“”）；
每个（数据、函数（索引、值）{
ul.append（$（''，{text:value}））；
});
$（'cmplList'）。追加（ul）；
}
变量数据=['test'，'test2']；
试验（数据）
您必须先创建UL，然后创建LI，设置LI的文本，然后将其全部附加到DIV

功能测试（数据）{
var ul=$（“”）；
每个（数据、函数（索引、值）{
ul.append（$（''，{text:value}））；
});
$（'cmplList'）。追加（ul）；
}
变量数据=['test'，'test2']；
试验（数据）

像这样：
function test(data) {

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

        jQuery.each(data, function(index, value){
             ul.append( $('<li />', {text : value}) );
        });

        $('#cmplList').append(ul); 
    } 

功能测试（数据）{
var ul=$（“”）；
每个（数据、函数（索引、值）{
ul.append（$（''，{text:value}））；
});
$（'cmplList'）。追加（ul）；
} 
像这样：
function test(data) {

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

        jQuery.each(data, function(index, value){
             ul.append( $('<li />', {text : value}) );
        });

        $('#cmplList').append(ul); 
    } 

功能测试（数据）{
var ul=$（“”）；
每个（数据、函数（索引、值）{
ul.append（$（''，{text:value}））；
});
$（'cmplList'）。追加（ul）；
} 
您需要创建ul并将li附加到其中，然后将创建的ul附加到div
var data = ["a", "b", "c"];
// create ul
var ul = $("<ul></ul>");

$.each(data, function(i, value){
  // creating list item and appending it to the ul
  var li = $("<li>" + value + "</li>");
  ul.append(li);
});
// appending the ul to div
$("#cmplList").append(ul);

var数据=[“a”、“b”、“c”]；
//创建ul
var ul=$（“”）；
$。每个（数据、函数（i、值）{
//创建列表项并将其附加到ul
var li=$（“”+值+“”）；
ul.附加（li）；
});
//将ul附加到div
$（“#cmplList”）。追加（ul）；
您需要创建ul并将li附加到其中，然后将创建的ul附加到div
var data = ["a", "b", "c"];
// create ul
var ul = $("<ul></ul>");

$.each(data, function(i, value){
  // creating list item and appending it to the ul
  var li = $("<li>" + value + "</li>");
  ul.append(li);
});
// appending the ul to div
$("#cmplList").append(ul);

var数据=[“a”、“b”、“c”]；
//创建ul
var ul=$（“”）；
$。每个（数据、函数（i、值）{
//创建列表项并将其附加到ul
var li=$（“”+值+“”）；
ul.附加（li）；
});
//将ul附加到div
$（“#cmplList”）。追加（ul）；
普通版
var数据=['A'，'B'，'C']
var ul=document.createElement（'ul'）；
data.forEach（函数（str）{
ul.innerHTML+=''+str+''
}
document.querySelector（“#cmplList”）.appendChild（ul）；

或者是一个班轮
document.querySelector('#cmplList').innerHTML = '<ul><li>'+['A','B','C'].join('</li><li>')+'</li></ul>';

document.querySelector（“#cmplList”）.innerHTML=''+['A'，'B'，'C'].join（“
”）+'”；

与jquery相同的一行程序
$('#cmplList')[0].innerHTML = '<ul><li>'+['A','B','C'].join('</li><li>')+'</li></ul>';

$（'cmplList'）[0]。innerHTML=''+['A'，'B'，'C']。加入（'
）+''；
普通版
var数据=['A'，'B'，'C']
var ul=document.createElement（'ul'）；
data.forEach（函数（str）{
ul.innerHTML+=''+str+''
}
document.querySelector（“#cmplList”）.appendChild（ul）；

或者是一个班轮
document.querySelector('#cmplList').innerHTML = '<ul><li>'+['A','B','C'].join('</li><li>')+'</li></ul>';

document.querySelector（“#cmplList”）.innerHTML=''+['A'，'B'，'C'].join（“
”）+'”；

与jquery相同的一行程序
$('#cmplList')[0].innerHTML = '<ul><li>'+['A','B','C'].join('</li><li>')+'</li></ul>';

$（'cmplList'）[0]。innerHTML=''+['A'，'B'，'C']。加入（'
）+''；
它为你工作？它为你工作？