【问题标题】:How i can wrap any text from DB into a div class (jquery)?我如何将数据库中的任何文本包装到 div 类(jquery)中?
【发布时间】:2013-09-13 12:38:36
【问题描述】:

我有来自 DB 的数据,其中 <img> 标记和一些文本(不同),所以我需要在 img 之后将这些文本包装到 div 类中。
如何做到这一点?

【问题讨论】:

  • 请分享一些代码,您的问题没有提供信息

标签: javascript jquery html word-wrap


【解决方案1】:

如果您的 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/

【讨论】:

  • 很好,但是刷新页面后图片有双份。
  • 在我看到你的 HTML 和 Javascript 代码之前,我无法为你做更多的事情。
  • 我的代码如示例(
    Blabla bla blabla
    )但“容器”内的所有内容都是导入的来自带有特殊标签的BD,但浏览器中的代码与示例中的相同。
猜你喜欢
  • 2018-06-11
  • 2019-08-30
  • 2014-03-14
  • 2011-10-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多