Question

我正在使用一个很棒的jQuery插件(booklet)，这本小册子的页面定义如下：

<div id="mybook2">
    <div class="b-load">
        <div> 
            <h3>Yay, Page 1!</h3>
        </div>
        <div> 
            <h3>Yay, Page 2!</h3>
        </div>
        <div> 
            <h3>Yay, Page 3!</h3>
        </div>
        <div> 
            <h3>Yay, Page 4!</h3>
        </div>
    </div>
</div>

我想在每个页面之前添加一个div（div class中的所有div =“b-load”）。

我该如何添加它？ .prepend？我不知道该怎么做，我从来没有使用jQuery或javascript，真的。

Answer 1

This is the jQuery manipulation documentation.它拥有您需要了解的有关内容操作的所有信息。您要查找的功能为before，与$('.b-load div').before('<div></div>')

一样

Answer 2

$(".b-load div").each(function(){
    $(this).prepend("<div></div>");
});

应该做的伎俩。

这样做是找到所有匹配“.b-load div”（“。b-load，所有子div”）的元素，并用函数循环它们。该函数使用$(this)（其中是匹配的元素）并为其添加一些标记，在本例中为<div></div>。

查看here

Answer 3

给每个div一个类说，页面然后你可以使用。

$('.page').each(function(){$(this).prepend('<div>Whatever</div')})

或者，您可以

$('.b-load div').each(function(){$(this).prepend('<div>Whatever</div')})

Answer 4

你试过了吗？

$('.b-load > div').before("<div></div>");

请参阅http://api.jquery.com/before

Answer 5

循环遍历.b-load的所有子项，并使用before函数在每个子项之前插入内容：

$(".b-load").children().each(function() {
   $(this).before("<div>New!</div>");
});

查看示例小提琴here。

在jQuery中添加div之间的div

5 个答案: