Question

首先感谢大家的帮助。对不起我的英语很糟糕:)）

我需要 jquery 使用 .after 和 .before （或者可能是其他一个代码）来添加 div 到 img ，并运行它只对类（swiper）起作用，并且它不会像类那样运行。

例如：

<div class="wrapper">
    <img src="..1.jpg">
    <img src="..2.jpg">
    <img src="..3.jpg">
</div>
<div class="swiper">
    <img src="..1.jpg">
    <img src="..2.jpg">
    <img src="..3.jpg">
</div>

结果：

<div class="wrapper">
    <img src="..1.jpg">
    <img src="..2.jpg">
    <img src="..3.jpg">
</div>
<div class="swiper">
    <div class="slide">
        <img src="..1.jpg">
    </div>
    <div class="slide">
        <img src="..2.jpg">
    </div>
    <div class="slide">
        <img src="..3.jpg">
    </div>
</div>

Answer 1

从你的例子来看，你真正想要的是wrap（）。

http://api.jquery.com/wrap/

此函数将匹配元素与您想要的任何元素包装在一起。在这种情况下，使用div类幻灯片包装图像。

可能类似

$('.swiper img').wrap('<div class="slide">');

Answer 2

试试这个。

$('.swiper img').each(function(){
    $(this).nextUntil('img') // iterate until next 'img' tag
    .addBack() // include the current 'img' tag
    .wrapAll('<div class="slide">'); // wrap with the 'div'   
});

http://jsfiddle.net/eqntjb01/2/

使用jquery“.after”和“.before”？

2 个答案: