Listenelemente dynamisch basierend auf Bedingungen einfügen

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>' 
); 

Daten sind ein Eingabeelement, das die folgenden Eigenschaften aufweist.

Name: "john" abhängig [1]: "James", "Jessy" LName: "Jose" Ich habe versucht, Anfügen, insert und viele weitere integrierte jquery Methoden li-Tag basierend auf Bedingung einzufügen. Leider werden die konditionierten Li-Artikel nicht eingefügt.

Answer 1

Sie Code ist der Syntaxfehler voll, da Sie nicht den gültigen Inhalt liefern werden, docs Siehe $.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>');