Ajouter les divs ci-dessous un div parent à l'aide de jquery

Voici mon div parent,

<div id="ResultsDiv" class="resultsdiv">
 <br />
 <span id="EmployeeName" style="font-size:125%;font-weight:bolder;">Pandiyan</span>
 <span style="font-size:100%;font-weight:bolder;padding-left:100px;">Category&nbsp;:</span>&nbsp;
 <span>Supervisor</span><br /><br />
 <span id="SalaryBasis" style="font-size:100%;font-weight:bolder;">Salary Basis&nbsp;:</span>&nbsp;
 <span>Monthly</span>
 <span style="font-size:100%;font-weight:bolder;padding-left:25px;">Salary&nbsp;:</span>&nbsp;
 <span>25,000</span>
 <span style="font-size:100%;font-weight:bolder;padding-left:25px;">Address&nbsp;:</span>&nbsp;
 <span>Madurai</span>
</div>

le texte d'alt http://img707.imageshack.us/img707/844/divl.jpg

Comment ajouter des divs en dessous de cette div parent à l'aide de jquery,

function Iteratejsondata(HfJsonValue) {
    var jsonObj = eval('(' + HfJsonValue + ')');

    for (var i = 0, len = jsonObj.Table.length; i < len; ++i) {
        var employee = jsonObj.Table[i];

        //Add divs here based on length
    }
}

OriginalL'auteur Chendur Pandian | 2010-03-23

  1. 8

    Vous pouvez utiliser le insertAfter fonction:

    $('<div>' + employee.SomeProperty +'</div>').insertAfter('#ResultsDiv');

    Cela permettra d'insérer un div pour chaque emplyee juste après le div#ResultDiv. Si vous souhaitez insérer les divisions à l'intérieur de la suite de la div, vous pouvez utiliser les ajouter méthode:

    $('#ResultsDiv').append('<div>' + employee.SomeProperty +'</div>');
    voir mon edit j'ai montré une image de mon div parent...
    insérer, après fonctionné pour moi...
    insérer, après l'ajoute mon premier enregistrement de la dernière...

    OriginalL'auteur Darin Dimitrov