Hello All,

I am in needof some help figuring how to append a few divs in the correct places for returned xml info. Here is the code I have now:

1. function parseXml(xml){
               var paramsArr = sParams.split(',');
               var labelsArr = sLabels.split(',');
   
                   $(xml).find('quote').each(function(){
                     $('div#stocks').append('<div class="stk-heading"><div class="stk-symbol">' +$(this).find(paramsArr[0]).text()+ '</div><div class="stk-name">' +$(this).find(paramsArr[1]).text()+ '</div></div>');
                       for (i=2;i<paramsArr.length;i+=1){
                         $('div#stocks').append('<div class="data-pair"><div class="label">' +labelsArr[i]+ '</div><div class="sep">' +sep+ '</div><div class="p-value">' +$(this).find(paramsArr[i]).text()+ '</div></div>');
                       }//end for i
                   });//end 'quote' each function()
           };//end parseXml
   
   
   
   
   
   
   
   
   
   

what I would like to do is wrap all of the div class="data-pair" in a div, and wrap each div class="stk-heading" and the div encapsulating the data-pair divs. I hope that makes sense.

so the end result would look something like this:

1. <div class="holder">
2.   <div class="stk-heading">
3.     <div class="stk-symbol"></div>
4.     <div class="stk-name"></div>
5.   </div>// end stk-heading 
   
6. <div class="data-wrapper">
7.     <div class="data-pair>
8.        <div class="label"></div>
9.        <div class="sep"></div>
10.        <div class="p-value"></div>
11.     </div> //end data-pair - data-pair repeats several times
    
12. </div>// end data-wrapper
13. </div>/// end holder
    

Any help would be greatly appreciated!