在js，wordpress中移动CSS类时，使用insertafter复制CSS类

我在JS脚本中使用insertafter在Wordpress中移动css类。这工作正常, 但是JS脚本正在输出css类的副本？任何人都知道如何解决此问题吗？

add_action( 'wp_head', function() { ?>
<script>
    ( function( $ ) {
        'use strict';
        $( document ).on( 'ready', function() {
            $('.variations').insertAfter('.single_variation_wrap');
        } );
    } ( jQuery ) );
</script>

#1

这工作了。

(function($) {
                'use strict';
                $(document).on('ready', function() {
                    $('.variations').each(function() {
                        $(this).siblings('.single_variation_wrap').after(this);
                    });
                });
            }(jQuery));