Javascript Jquery包装类似的内容

我想用jQuery解决一个问题，但我不确定如何解决。我有一个属性数据内容重复的div列表

<div class="element" data-content="string one">
    <p>one</p>
</div>

<div class="element" data-content="string one">
    <p>one</p>
</div>

<div class="element" data-content="string one">
    <p>one</p>
</div>

<div class="element" data-content="string two">
    <p>two</p>
</div>

<div class="element" data-content="string two">
    <p>two</p>
</div>

<div class="element" data-content="string three">
    <p>three</p>
</div>

<div class="element" data-content="string three">
    <p>three</p>
</div>

<div class="element" data-content="string three">
    <p>three</p>
</div>

<div class="element" data-content="string three">
    <p>three</p>
</div>

---

以下是更改后的外观：

您必须创建一个新元素来包装并将每个元素放入其中，这将完全满足您的要求：

var div = document.createElement('div');
div.innerHTML = "<h2>string one</h2>";
$('[data-content="string one"]').each(function(){
        div.appendChild(this);
})
div.className = "wrap";
document.body.appendChild(div);

一个

一个

一个

两个

两个

三

三

三

三

var div = document.createElement('div');
div.innerHTML = "<h2>string one</h2>";
$('[data-content="string one"]').each(function(){
        div.appendChild(this);
})
div.className = "wrap";
document.body.appendChild(div);