JQuery Каждый индекс остается в 0

Question

У меня есть часть в моем скрипте, где она проходит через количество элементов в списке и захватывает информацию, а затем помещает ее в другой div. По какой-то причине первый цикл не будет подсчитывать свой индекс. Ive попробовал несколько способов сделать это, но, похоже, никто не работает.

здесь сценарий:

//check each Item for a List 
if ($(obj).has('> ul')) { 

    // Second Level Lists 
    $(obj).find('> ul').each(function (index, obj) { 

     // Create Second Level Divs 
     baseElement.append(
      '<div class="level" id=' + index + 
      ' style="color:' + settings.startColor + ';background:' + 
      settings.startBg +';font-size:' + settings.baseFont + 
      'px;position:absolute;width:100%;height:100%;"></div>' 
     ); 

     // Second Level List Items 
     $(obj).find('> li').each(function (i, obj) { 
      $('.level#2').append(
       "<span>" + 
       $(obj).find('>:first-child').text() + 
       "</span>" 
      ); 
     }); 
    }); 

} 

мне нужно сделать так, что подсчитывает и имена каждого из созданных ДИВ это число по сравнению с последним ... Ive взял мой мозг и не знаю, что может Неправильно.

Answer 1

Ваша внутренняя петля добавляется только к .level#2, что, вероятно, не то, что вы хотите. Если я правильно читаю ваш вопрос, это должно сработать:

$(obj).children('ul').each(function(index) { 
    var $parent = $('<div>', { 
     'class': 'level', 
     id: index, 
     css: { 
      color: settings.startColor, 
      background: settings.startBg, 
      fontSize: settings.baseFont + 'px', 
      position: 'absolute', 
      width: '100%', 
      height: '100%' 
     } 
    }).appendTo(baseElement); 

    $(this).children('li').each(function() { 
     $('<span>', { 
      text: $(this).children().first().text() 
     }).appendTo($parent); 
    }); 
});