根据条件动态插入列表项

时间:2017-03-04 11:48:57

标签: javascript jquery html arrays dom

$('#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是一个具有以下属性的输入元素。

名:&#34;约翰&#34; 依赖性[1]:&#34;詹姆斯&#34;&#34;杰西&#34; LName的:&#34;圣何塞&#34; 我已经尝试了append,insertBefore和更多内置的jquery方法来根据条件插入li标签。不幸的是,有条件的物品没有被插入。

1 个答案:

答案 0 :(得分: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>');