Question

Eventually I am hoping to get an object to display like this:

'0': {
       '0': {
              label: 'Book:',
              content: 'a book name',        
       }, 

       '1': {
              label: 'Video:',
              content: 'a video name',        
       }, 

       '2': {
              label: 'Audio:',
              content: 'an audio name',        
       },              
  }, 

'1': {
       '0': {
              label: 'Book:',
              content: 'another book name',        
       }, 

       '1': {
              label: 'Video:',
              content: 'another video name',        
       }, 

       '2': {
              label: 'Audio:',
              content: 'another audio name',        
       },              
  }

My code in http://jsfiddle.net/ScbjL/4/ didn’t turn out right, I’m puzzled why objDL is undefined?

Answer 1

You should not iterate over .containers, dts and dds separately – you are forgetting from which container the objDT/DD is stemming. Also use an array instead of an object for the results.

var objDL = [];
$("dl").each(function(i) {
    objDL[i] = [];
    $(this).children("dt").each(function(j) {
        var $this = $(this);
        objDL[i][j] = {
            title: $this.text(),
            description: $this.next("dd").text();
        };
    });
});