Javascript 将元素和内容包装到div中

我正在从另一个站点向我的

请求数据（使用jQuery

load（）

函数），以显示收集的数据。数据包含元素和内容（只有文本，如“born 2007”）。我曾尝试用jQuery

wrap（）

和

wrapAll

方法包装这些内容，但包装不正确。因此，我想将所有元素和内容包装到一个

div

中，这样我就可以更轻松地设置样式

我怎样才能做到这一点？我需要包装所有内容，直到找到特定的

类。我还尝试了jQuery
parentsUntil（）
方法，但也没有成功。我不知道如何做到这一点，所以我需要你的帮助

示例数据（打印到我的页面的html）：

这将是理想的结果：

<div class="container">
<div class="content">
    <b class="big_text">Title</b>
    "some content after title&nbsp;"
    <b>Subtitle content here</b>
    <br />
    <span class="no-wrap"><b>Price</b></span>
    <br />
    "made in 2007"
</div>
<div class="picture">
    ...
</div>


标题
“标题后的某些内容”
字幕内容在这里


价格


“2007年制造”
...

我认为最好的方法是包装内部内容，然后移动“图片”：


$（文档）.ready（函数（）{
$（“.container”）.wrapInner（“”）；
$（“.container”）.append（$（“.container.picture”）；
})
.container>div~.picture{color:red；}

标题
“标题后的某些内容”
字幕内容在这里


价格


“2007年制造”
...
你能在你的问题中添加示例数据和示例最终HTML吗？@ChrisG现在添加了模板你的意思是什么“将所有内容包装在div中，直到出现
。你能提供一个你想要的结果的例子吗？@ChrisG我想包装所有的东西，每个元素和内容，直到
。我的意思是，不要把图片包装成任何东西，而是之前容器的所有兄弟姐妹。我希望得到的结果是将内容设置在图片旁边，而不是图片上方（现在元素和文本位于图片上方，留下了很多空间供右键使用。）
 $(".container").children().nextUntil(".picture").wrapAll("<div></div>");

<div class="container">
<div class="content">
    <b class="big_text">Title</b>
    "some content after title&nbsp;"
    <b>Subtitle content here</b>
    <br />
    <span class="no-wrap"><b>Price</b></span>
    <br />
    "made in 2007"
</div>
<div class="picture">
    ...
</div>