jQuery每个内部的每个移动到父级

Question

我不确定我是否正确执行此操作，但是我有此内容列表，需要将其插入由插件生成的表单中。

我正在使用此代码确定表单的每个部分，并将内容放置在与输出匹配的列表中。

$('.vfb-page-section').each(function(){
    var sectionName = $('.vfb-page-title',this).text().toLowerCase();
    console.log(sectionName);
    // Get the section name and make it lowercase to match the div class name.

    $('.vfb-fieldType-radio',this).each(function(){
        var groupID = $(this).attr('id').replace('vfbField','');
        console.log(groupID);
        // Get the ID number of the group of inputs.

        $('input',this).each(function(){
            var inputID = $(this).attr('id').replace('vfb-field-'+groupID+'-','');
            console.log(inputID);
            // Get the ID of the input.

            var candidate = $('.cat-'+sectionName+' #'+inputID).clone();
            //Build the selector to find the correct div.
            console.log(candidate);
            $(this).parent().before(candidate);
            // The div needs to be appended to the parent of the input
        });
    });
});

页面上的div如下所示：

<div class="cat-sectionname" id="2">some content</div>

到目前为止，我已经设法使第一组的内容移至正确的输入父级。但是下一个groupID似乎什么也找不到。

我想念什么？