如何使用jQuery

Question

我想做以下事情：

使用类.testclass在每个href周围包装div容器。

我一直在寻找jQuery（jquery-3.1.1）wrapInner（）; wrapAll（）;功能，但没有成功。

此处的示例代码：

<a class="testclass" href="test">test</a>
<script>
    $('.testclass').wrapAll('<div class="container-fluid"></div>');
</script>

Answer 1

.wrapAll将使用单个元素div包装所有选定元素。请改用.wrap。

$(document).ready(function() {
  $('.testclass').wrap('<div class="container-fluid"></div>');
});

这是一个有效的fiddle

Answer 2

使用.replaceWith()：

$(".testclass").each(function(){
  var $clone = $(this).clone();  
  var $container = $("<div></div>");
  $container.addClass('container-fluid');
  $container.append($clone);
  $(this).replaceWith($container);
});