kostenloser Webspace werbefrei: lima-city

jQuery :odd Problem

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   pcw

   pcw hat kostenlosen Webspace.

   16:18, 14.2.2014

   Hallo zusammen,
   
   vielleicht kann mir jemand auf die Sprünge helfen. Irgendwie komme ich nicht weiter.
   Folgender Code:
   
   

   <div class="content">
     <h2>Lorem</h2>
     <p>ipsum dolor sit amet<p>
     <p>ipsum dolor sit amet<p>
     <p>ipsum dolor sit amet<p>
     <p>ipsum dolor sit amet<p>
     ...
     <h2>Lorem</h2>
     <p>ipsum dolor sit amet<p>
     <p>ipsum dolor sit amet<p>
     <p>ipsum dolor sit amet<p>
     <p>ipsum dolor sit amet<p>
     ...
     ....
   </div>

   
   
   

   $('.content h2').nextAll('p:odd').each(function(){
     $(this).after('<div class="clearfix"></div>');				
   });

   
   
   ... funktioniert soweit auch.
   Aber wie kann ich es bewerkstelligen, dass nach jeder h2 von vorn angefangen wird zu zählen? Die Zählerei bei ungeraden also nicht durcheinanderkommt?
   
   Wäre schön, wenn jemand 'nen Tip / Lösung für mich hätte.
   Vielen Dank.

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. kochmarkus

   Co-Admin

   kochmarkus hat kostenlosen Webspace.

   20:47, 15.2.2014

   Hi,
   
   du musst du deine

   <p>

   Elemente jeweils in ein eigenes in ein

   <div>

   packen, da es sonst eben vorkommen kann, dass ein Element, obwohl es nach einer Überschrift steht ein gerades Element innerhalb deines

   <div class=content">

   ist.
   
   Siehe: http://jsfiddle.net/AUTCB/1/
   
   Beitrag zuletzt geändert: 15.2.2014 20:47:46 von kochmarkus

4. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?