-2

我有来自 DB 的数据，其中是<img>标签和一些文本（不同），所以我需要在 img 之后将这些文本包装到 div 类中。
这个怎么做？

4

1 回答 1

0

如果您的 HTML 是：

<div class="container">
    <img src="something.jpg" />
    Blabla bla blabla
</div>

然后您可以使用 JQuery 执行以下操作：

$(document).ready(function(){
    var $container = $('.container');
    var $img = $container.find('img:first');

    var $imgTag = $img.detach(); // Temporary remove the <img /> tag
    $container.wrapInner('<div class="myWrapper" />'); // Wrap the text
    $container.prepend($imgTag); // Append the img tag that was removed
});

您可以在此处查看结果（通过使用浏览器工具检查元素）

http://jsfiddle.net/G6xVG/2/

于 2013-09-13T12:41:17.790 回答