Chèn DIV mới giữa hai DIV có cùng lớp và là anh chị em ngay lập tức

Question

Đấu tranh với DIV này trong một thời gian. đánh dấu của tôi đơn giản:

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

Tôi cần phải tìm một cách để chọn tất cả DIV trên tài liệu sẵn sàng rằng: 1. có một lớp: elem 2. DIV tiếp theo của họ cũng có tên lớp: elem. Sau đó, tôi cần phải chèn một DIV mới giữa chúng:

<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

Hãy thử điều này:

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

Đó là sử dụng selector anh chị em liền kề CSS của (+). Nó tìm thấy một phần tử với lớp .elem với một phần tử khác có lớp .elem ngay trước nó, sau đó thêm một div mới trước nó.

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

Answer 2

Mã của bạn có vẻ khá tốt với tôi. Bạn không cần phải quấn nó trong một each sao cho nó cháy trên mỗi cái?

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

Answer 3

Các giải pháp jQuery phi:

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

Live Demo:http://jsfiddle.net/2MfgB/2/

"Nhưng Šime, điều này không làm việc trong IE8 ...":P

---

Cập nhật:
giải pháp thay thế:

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

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

Live Demo:http://jsfiddle.net/2MfgB/3/