如图，当我点击下图中的新建分组，动态生成“ddaa”,"aa"，"dw"这几个p，每行p都包含文本、编辑和删除按钮，点击编辑按钮（右边第一个小图标），弹出一个编辑提示窗，编辑完成后内容会重新显示在原来的位置，但是只有最后一个“dw”能显示正常的编辑后的内容，其他的编辑后还是原来的内容，经过打印发现获取不到编辑框的val()，但是最后一个编辑框却能获取到，这是为什么啦？
代码：
$('.server-subgroup-u-edit').click(function () {

                // 编辑分组弹窗
                $("body").append(
                    "
" +
                    "
编辑分组
" +
                    "
" +
                    "确定取消
"
                );
                var edit_subgroup_index=$(this).parent().parent().index();
                var edit_subgroup_name=$('.server-subgroup').find('p').eq(edit_subgroup_index).find('p').eq(0).html();

                $('.edit_subgroup_inp').val(edit_subgroup_name);
                $('.edit-affirm-win').click(function () {
                    if($('.edit_subgroup_inp').val()!='') {
                    $('.server-subgroup').find('p').eq(edit_subgroup_index).find('p').eq(0).html($('.edit_subgroup_inp').val());
                    console.log($('.edit_subgroup_inp').val(),12158);
                    $('.show-lay').remove();
                    }
                });

这是我这个功能的全部代码
$('.creat-ground-sp').click(function () {

        // 新建分组弹窗
        $("body").append(
            "
" +
            "
新建分组
" +
            "
" +
            "确定取消
"
        );
        $('.show-creat-affirm').on('click',function () {
            if ($('.new-group-inp').val() != "") {
                $('.server-subgroup').append('
' + $('.new-group-inp').val() + '
');
                $('.show-lay').remove();
            }
            $('.server-subgroup-active').mouseenter(function () {

                $(this).find('i').eq(0).css('visibility','visible');
                $(this).find('i').eq(1).css('visibility','visible');
            });
            $('.server-subgroup-active').mouseleave(function () {
                $(this).find('i').eq(0).css('visibility','hidden');
                $(this).find('i').eq(1).css('visibility','hidden');
            });
            $(document).on('click','.server-subgroup-u-edit',function () {
                // 编辑分组弹窗
                $("body").append(
                    "
" +
                    "
编辑分组
" +
                    "
" +
                    "确定取消
"
                );
                var edit_subgroup_index=$(this).parent().parent().index();
                var edit_subgroup_name=$('.server-subgroup').find('p').eq(edit_subgroup_index).find('p').eq(0).html();
                
                $('.edit_subgroup_inp').val(edit_subgroup_name);
                $(document).on('click','.edit-affirm-win',function () {
                    // if($('.edit_subgroup_inp').val()!='') {
                        $('.server-subgroup').find('p').eq(edit_subgroup_index).find('p').eq(0).html($('.edit_subgroup_inp').val());
                        console.log($('.edit_subgroup_inp').val(),12158);
                        $('.show-lay').remove();
                    // }
                });
               $('.show-creat-cancel').on('click',function () {
                   $('.show-lay').remove();
               });
            });
            $('.server-subgroup-u-delete').click(function () {
                // 删除分组弹窗
                $('body').append(
                    "
"+
                    "
"+
                    "
"+
                    "
确定删除该分组吗
"+
                    "
"+
                    "
"+
                    "确认"+
                    "取消"+
                    "
"+
                    "
"+
                    "
"
                );
                var subgroup_delete_index=$(this).parent().parent().index();
                $('.delete-affirm-win').click(function () {
                    $('.server-subgroup').find('p').eq(subgroup_delete_index).remove();
                    $('.show-lay').remove();
                })
                $('.delete-group-cancel').click(function () {
                    $('.show-lay').remove();
                });
            });
        });
        $('.show-creat-cancel').click(function () {
            $('.show-lay').remove();
        });
    });