Как обернуть HREF внутри сОн обертки с помощью JQuery

Question

я хочу сделать следующее:

Wrap DIV контейнера вокруг каждый A HREF с классом .testclass.

Я искал jQuery's (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); 
});