在容器中生成DIV

Question

我试图在其中可以附加div的位置选择器，但是尚未生成div的情况是。请参考插图：

我想动态生成每个div，而又不影响它应该位于的第一个子元素的内容的现有子元素。

我正在使用可生成div的插件，但对我不起作用。

jQuery.fn.selectorPath_sr = function() {
    var path = [],
    $current = this;

    while(true) {
        // if it's not defined stop
        if(!$current.length) {
            break;
        }

        // if it's the body add it to the path and stop
        if($current.is('body')) {
            path.push('body');
            break;
        }
        // if the id is defined stop the path
        var id = $current.attr('id');
        if(id) {
            path.push('#' + id);
            break;
        }

        var $parent = $current.parent(),
            nodeName = $current[0].nodeName.toLowerCase(),
            index = $parent.children(nodeName).index($current);
        path.push(nodeName + ':eq(' + index + ')');

        $current = $parent;
    }

    return path.reverse().join(' > ');
};