如何用 div 标签包裹 img 元素

Question

我要用一个class命名为“image”的div标记包装所有的图片，就像jQuery网站所做的那样，但它不起作用。 这是我的代码:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script type="text/javascript">

$(document).ready(function(){

    $( ".post img" ).wrap( "<div class='new'></div>" );
});
    </script>

以下是我的HTML代码：

<div class="post">
        <img src="some where" alt="here"/>
        <img src="some where" alt="here"/>
        <img src="some where" alt="here"/>
        <img src="some where" alt="here"/>                                    
    </div>

- Hussein Ojaghi

---

这对我完全没问题 -> http://jsfiddle.net/FCLPz/ - adeneo

你是想把它们全部包在同一个 DIV 里面，还是每个图片都放在单独的 DIV 里面（就像你现在做的那样）？ - adeneo

那么你所拥有的应该可以完美地工作了吗？ - adeneo

Answer 1

你需要循环遍历图片并将它们包装起来。

$(".post img").each(function(index, element) {
    $(element).wrap("<div class='new'></div>");
});

Demo

- Rahil Wazir

Answer 2

我打算用div标签包裹所有的图片。

为了将所有的图片包裹在一个容器中，你需要使用.wrapAll()方法。

$(".post img").wrapAll("<div class='new'></div>");

可工作演示。

但是，对于将每个图像包装在单独的 div 中，您的代码对我很有效。

- Hashem Qolami