Beste Leden,

Aangezien ik niet veel JS ervaring heb graag hulp over het volgende:

Elke panel krijgt de class: "mb-inside"
Hoe kan ik er voor zorgen dat deze style aangevult wordt met oplopende getallen

Eesrte panel: <div class="mb-inside1" />
Tweede: <div class="mb-inside2" />
enz......



///// script
base.$panels = base.$el.children()
.addClass('mb-panel')
// inner wrap of each panel
.each(function(){
if ($(this).find('.mb-inside').length === 0) {
$(this).wrapInner('<div class="mb-inside" />');
}
});

De each functie van jquery krijgt al een index getal mee. Dus je zou zoiets kunnen doen:

Code:

///// script
base.$panels = base.$el.children()
.addClass('mb-panel')
// inner wrap of each panel
.each(function(i){
if ($(this).find('.mb-inside').length === 0) {
$(this).wrapInner('<div class="mb-inside"'+ i +' />');
}
});

Bedankt voor je bericht Marten maar je code doet niets

Het is opgelost:

/// oplossing


.each(function(){
if ($(this).find('.mb-inside').length === 0) {
$(this).wrapInner('<div class=mb-inside' + length++ + ' />');
}
});

hier is een class niet voor bedoelt. Je zou dit beter met het id kunnen doen. een id moet namelijk altijd uniek zijn in HTML en een class hoeft dat niet. Dat is wel een belangrijk verschil. Daarnaast heb je tegenwoordig in html5 het data attribuut dat je voor dit soort zaken uitstekend kunt gebruiken. http://ejohn.org/blog/html-5-data-attributes/