Legen Sie neue DIV zwischen zwei DIVs, die in die gleiche Klasse und sind unmittelbare Geschwister

Kämpfen mit diesem für eine Weile jetzt. Mein markup vereinfacht:

<div class=row>
    <div class="somediv"></div>
    <div class="somediv2"></div>
    <div class="elem"></div>
    <div class="elem"></div>
    <div class="somediv3"></div>
    <div class="somediv4"></div>
<div class=row>
....

Muss ich einen Weg finden, wählen Sie alle DIVs auf Dokument bereit:
1. hat eine Klasse: elem
2. Ihre nächste DIV auch den Namen der Klasse: elem.
Dann muss ich fügen Sie ein neues DIV-Element zwischen Ihnen:

<div class=row>
    <div class="somediv2"></div>
    <div class="elem"></div>
    <div class="new"></div>
    <div class="elem"></div>
    <div class="somediv3"></div>
    <div class="somediv4"></div>
<div class=row> //and it goes...


$(document).ready( function () {
   if($('.elem').next().hasClass('.elem')) {
       $('<div class="new"></div>').appendTo().prev('.elem');
   } else {
   });
});

InformationsquelleAutor elbatron | 2011-09-14

Schreibe einen Kommentar