Javascript jQuery从生成的内容生成内容

我使用数据库创建div，然后从数据库中的字段命名它们。 在此div中有一个“delete”链接，我希望能够在原始div下面创建一个div，并显示一条消息，如“

是否确实要删除此div？

”

但我的问题是，当数据库必须生成多个原始div时，这意味着“delete”链接将在不同的位置或不同的div中使用不止一次

我不确定如何创建Javascript/jQuery脚本，它将：

1. check what the ID of the parent div is (div#parent -> ul -> li -> a).
2. generate a new div below the parent div (not inside).
3. once an option is selected, remove the generated div.

下面是我想使用的布局示例：

如您所见，生成的jQuery div将位于父div之外，它还具有父div的id，并在末尾添加了“

\u delete

”函数作为命名函数的示例…

这可能吗

编辑-我已经让它工作了一些，现在的问题是，当它创建额外的div时，它不会阻止您制作多个div。。。我如何限制这一点？

到目前为止我做了什么

function action() {
    var visable = false;
        if(visable==false) {
            $("#foo").append('
                <div id="action_foo" class="action-warn center">
                    Are you sure you want to delete "<span>foo</span>"? 
                    <a href="./?delete=1" onclick="deleteFoo()">Yes</a> / <a href="#" onclick="deleteFoo()">No</a>
                </div>
                ')
                visable = true;
        } else if(visable==true) {}
}

函数操作（）{
var可视=假；
如果（可视==假）{
$（“#foo”）.append（'
你确定要删除“foo”吗？
/ 
')
可视=真实；
}如果（visable==true）{}
}

试试这个：

$(document).ready(function(){
   $('#foo ul li.right').click(function(){
      var _parent = $(this).parent(), // gets immediate parent which is ul
          _gparent = _parent.parent(); // gets grandparent which is #foo
      $('<div id="foo_delete" class="action-warn center">-Delete Warning Text-</div>').insertAfter(_gparent); // insertAfter(); puts the content right after _gparent.
   });
   $('#foo_delete a').click(function(){
      $('#foo_delete').remove();
   });
});

$（文档）.ready（函数（）{
$（'#foo ul li.right'）。单击（函数（）{
var _parent=$（this）.parent（），//获取直接的父级，即ul
_gparent=_parent.parent（）；//获取祖父母，即#foo
$（'-Delete Warning Text-'）。insertAfter（_gparent）；//insertAfter（）；将内容放在_gparent后面。
});
$（'foo_delete a'）。单击（函数（）{
$（'foo_delete'）。删除（）；
});
});

是的，这是可能的

$（'#foo_delete'）。同级（'#parent'）

将允许您选择“parent”。

尝试使用

insertAfter

。

您还可以使用

同级
删除生成的div。
尝试调用
$（“#parent”）.sibling（“#foo_delete”）.remove（）
（在父级的删除锚上）