Javascript 将整个div装入一个<；a>；

我有一个div，我想用一个

”）包围它；
});

它会产生以下HTML：

<div class="row">
  <div class="box_service">
    <a href="example.com">
      <div class="inner-row"></div>
    </a>
  </div>
</div>

然而，我的目标是这样的结构：

<div class="row">
  <a href="example.com">
    <div class="box_service">
      <div class="inner-row"></div>
    </div>
  </a>
</div>

---

我之前无法输入div，因为此行中有更多的框，因此我将向其中的所有内容添加

，

$（'.box\u service'）。wrap（''）
$（'.box\u service'）。包装（'''）
问题是由于您调用了
contents（）
，这意味着您在
.box\u service
中包装元素，而不是该元素本身。删除该方法调用

另外请注意，
each（）
是冗余的，您可以在一行中完成所需的操作：


$（'.box_service'）.wrap（''）

包厢服务#1
内排#1
包厢服务#2
内排#2
问题是由于您调用了
contents（）
，这意味着您正在将元素包装在
.box\u服务中，而不是该元素本身。删除该方法调用

另外请注意，
each（）
是冗余的，您可以在一行中完成所需的操作：


$（'.box_service'）.wrap（''）

包厢服务#1
内排#1
包厢服务#2
内排#2
.content
将包装
div
的内容，您希望用
包装
div
）；
});
.content
将包装
div
的内容，您希望用
包装
div
）；
});

$（'.box\u service'）。每个（函数（）{
var link=$（this.html（）；
$（此）.wrap（“”）；
});

您只需删除
contents（）
之间的
$（this）.wrap（）
，因为
contents（）
意味着您正在包装
$（this）
$（'.box\u service'）的子项。每个（函数（）{
var link=$（this.html（）；
$（此）.wrap（“”）；
});

您只需要删除
contents（）
之间的
$（this）.wrap（）
，因为
contents（）
意味着您正在包装
$（this）
的子元素
删除
.contents（）
，以便用类
box服务包装每个元素
：


$（'.box_service'）。每个（函数（）{
$（此）.wrap（“”）；
});

删除
.contents（）
以便使用类
框服务将每个元素包裹起来
：


$（'.box_service'）。每个（函数（）{
$（此）.wrap（“”）；
});

我不知道这是正确答案，为什么会被否决。请花点时间描述问题是什么，以及此解决方案有帮助的原因。记住，我们来这里是为了教育人们，不仅仅是向他们扔代码。也不值得投反对票，而是要看看有什么可以评论的？这很简单：选择你想要包装的元素，然后包装它们。不知道为什么这会得到否决票，因为这是正确的答案。请花点时间描述问题是什么，以及此解决方案有帮助的原因。记住，我们来这里是为了教育人们，不仅仅是向他们扔代码。也不值得投反对票，而是要看看有什么可以评论的？这非常简单：选择要包装的元素并包装它们。
<div class="row">
  <a href="example.com">
    <div class="box_service">
      <div class="inner-row"></div>
    </div>
  </a>
</div>

$('.box_service').each(function() {
  var link = $(this).html();
  $(this).wrap('<a href="example.com"></a>');
});