javascript - 根据条件动态插入列表项

Question

$('#mydiv').append(
{
   '<li><span><label>'+'Name'+'</label></span>
<span><label>'+data.Name+'</label></span></li>',

//if array is empty no need to insert the element.

$.each(data.dependent, function (i, item) {
'<li><span><label>'+'Depenedents'+'</label></span>
<span><label>'+item.text()+'</label></span></li>'
   });
},
 '<li><span><label>'+'last Name'+'</label></span>
<span><label>'+data.LName+'</label></span></li>'
);

data 是一个输入元素，具有以下属性。

姓名:“约翰”依赖[1]:“詹姆斯”，“杰西”LName:“何塞”我尝试过append、insertBefore和更多内置的jquery方法来根据条件插入li标签。不幸的是，条件 li 项目没有被插入。

Answer 1

您的代码充满语法错误，因为您没有提供有效的内容，请参阅文档 $.fn.append()

$('#mydiv').append('<li><span><label>' + 'Name' + '</label></span> <span> <label> ' + data.Name + ' </label></span> </li>');

//if array is empty no need to insert the element.
if (data.dependent.length) {
    $.each(data.dependent, function(i, item) {
        $('#mydiv').append('<li><span><label>' + 'Depenedents' + '</label></span> <span > <label> ' + item.text() + ' </label></span></li>');
    });
}

$('#mydiv').append('<li><span><label>' + 'last Name' + '</label></span> <span> <label> ' + data.LName + ' </label></span> </li>');