【发布时间】:2013-09-13 12:38:36
【问题描述】:
我有来自 DB 的数据,其中 <img> 标记和一些文本(不同),所以我需要在 img 之后将这些文本包装到 div 类中。
如何做到这一点?
【问题讨论】:
-
请分享一些代码,您的问题没有提供信息
标签: javascript jquery html word-wrap
我有来自 DB 的数据,其中 <img> 标记和一些文本(不同),所以我需要在 img 之后将这些文本包装到 div 类中。
如何做到这一点?
【问题讨论】:
标签: javascript jquery html word-wrap
如果您的 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
});
您可以在此处查看结果(通过使用浏览器工具检查元素)
【讨论】: