jquery - 在具有相同类且是直接兄弟的两个 DIV 之间插入新 DIV

Question

现在已经在这个问题上苦苦挣扎了一段时间了。我的标记已简化:

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

我需要找到一种方法来选择文档上的所有 DIV: 1.有一个类:elem 2.他们的下一个DIV也有类名:elem。然后我需要在它们之间插入一个新的 DIV:

<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

试试这个:

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

它使用 CSS 的相邻同级选择器 (+)。它找到一个类 .elem 的元素，以及紧邻其前面的另一个类 .elem 的元素，然后在其前面添加一个新的 div。

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