Aynı sınıfa sahip olan ve hemen kardeşi olan iki DIV arasında yeni DIV ekle

Question

Şu an bununla mücadele etmek. Benim biçimlendirme basitleştirilmiş: elem 2. sonraki DIV da sınıf adı vardır: elem 1. Bir sınıfa sahip:

<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> 
.... 

O hazır dokümandaki tüm DIV'leri seçmek için bir yol bulmalıyız. Sonra aralarında yeni bir DIV eklemek gerekir:

<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 { 
    }); 
}); 

Answer 1

bu deneyin:

$(document).ready(function() { 
    $('.elem + .elem').before($('<div class="new"></div>')); 
}); 

Bu BB'nin komşu kardeş seçicisi (+) kullanıyor. Önceden .elem sınıfı olan bir eleman ile .elem sınıfında bir eleman bulur ve bundan önce yeni bir div ekler.

Fiddle: http://jsfiddle.net/4r2k4/

Answer 2

Kodunuz bana oldukça iyi görünüyor. Her birine bir each içinde sarmanız gerekmiyor mu?

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

Answer 3

olmayan jQuery çözüm:

var divs, str; 

divs = document.getElementsByClassName('elem'); 

[].slice.call(divs).forEach(function (div) { 
    str = ' ' + div.nextElementSibling.className + ' '; 
    if (str.indexOf(' elem ') !== -1) { 
     div.insertAdjacentHTML('afterend', ' <div class="new">X</div> '); 
    } 
}); 

Canlı tanıtım:http://jsfiddle.net/2MfgB/2/

:P

"Ama Šime, bu ... IE8 çalışmıyor"

---

Güncelleme:
Alternatif çözüm:

var divs = document.querySelectorAll('.elem + .elem'); 

[].slice.call(divs).forEach(function (div) { 
    div.insertAdjacentHTML('beforebegin', ' <div class="new">X</div> '); 
}); 

Canlı tanıtım:http://jsfiddle.net/2MfgB/3/