时间戳

首页 > 解决方案 > 在父元素周围包裹锚标记

jquery - 在父元素周围包裹锚标记

问题描述

我有一个带有锚标记的 div。我需要使用与使用jQuery 的子div 相同的href 用锚标记包装整个div。

<div class="parent-div">
  <div class="child-div">
     <h3><a href="example.com">MORE INFORMATION</a></h3>
  </div>
</div>

Expected output:

<a href="example.com" target="_blank">
<div class="parent-div">
  <div class="child-div">
     <h3><a href="example.com">MORE INFORMATION</a></h3>
  </div>
</div>
</a>

标签： jquery

解决方案

您可以使用.wrap()如下所示的功能以 获取有关 Wrap 的更多信息

$(function(){
  var $anchor = $('div.parent-div a').clone();//clone existing anchor
  $anchor.text('');//remove text
  $anchor.attr('target','_blank');
  $('div.parent-div').wrap($anchor);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="parent-div">
  <div class="child-div">
     <h3><a href="example.com">MORE INFORMATION</a></h3>
  </div>
</div>

推荐阅读