如何使用jQuery在div封裝器中打包href

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>'); 
}); 

這裏是使用jQuery 3.1.1工作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); 
});