Javascript 在具有相同类的div之间插入元素

我有一个页面有这样的结构：：连续的div有相同的类，但它的每个子div都有一个唯一的id

<div class = 'samediv'>
    <div id = 'onediv'></div>
</div>
<div class = 'samediv'>
    <div id = 'twodiv'></div>
</div>
<div class = 'samediv'>
    <div id = 'thirddiv'></div>
</div>

现在单击唯一的div，如何在其父元素之后插入另一个div/元素

例如，单击onediv，我希望在onediv的父级和twodiv的父级之间有一个div（比如，unique）

然后，结构变为：

<div class = 'samediv'>
    <div id = 'onediv'></div>
</div>
<div id = "unique">
</div>
<div class = 'samediv'>
    <div id = 'twodiv'></div>
</div>
<div class = 'samediv'>
    <div id = 'thirddiv'></div>
</div>

$（.samediv>div”）。在（“单击”，函数（）{
$（“”，{id:“unique”}）.insertAfter（this.parentNode）；
});

请注意，应该有真正独特的东西

演示：
$（.samediv>div”）。在（“单击”，函数（）{
$（“”，{id:“unique”}）.insertAfter（this.parentNode）；
});

请注意，应该有真正独特的东西

演示：
$（“div.samediv>div”）。单击（函数（）{
（“”）之后的$（this.parent（）；
});
$（“div.samediv>div”）。单击（函数（）{
（“”）之后的$（this.parent（）；
});
尝试以下代码：

$('.samediv').click(function(){
   $(this).parent().after('<div id = "unique"> </div>');
});

$（'.samediv'）。单击（函数（）{
$（this）.parent（）在（“”）之后；
});
尝试以下代码：

$('.samediv').click(function(){
   $(this).parent().after('<div id = "unique"> </div>');
});

$（'.samediv'）。单击（函数（）{
$（this）.parent（）在（“”）之后；
});
试试这个

例如：

$("#onediv").click(function () {
    $(this).parent().append('<div id = "unique"></div>')
})

$（“#onediv”）。单击（函数（）{
$（this.parent（）.append（“”）
})

必需的

$(".samediv > div").click(function () {
    $(this).parent().append('<div id = "unique"></div>')
})

$（.samediv>div”）。单击（函数（）{
$（this.parent（）.append（“”）
})
试试这个

例如：

$("#onediv").click(function () {
    $(this).parent().append('<div id = "unique"></div>')
})

$（“#onediv”）。单击（函数（）{
$（this.parent（）.append（“”）
})

必需的

$(".samediv > div").click(function () {
    $(this).parent().append('<div id = "unique"></div>')
})

$（.samediv>div”）。单击（函数（）{
$（this.parent（）.append（“”）
})
您能用ID向这些div添加一个类选择器吗？例如，
和
等等，一旦你能用id向这些div添加一个类选择器吗？例如，
和
等等on@VisionN .. 你能解释一下函数中的语句是做什么的吗？@Mellkor
$（“”，{id:“unique”}）
用
id
作为
“unique”
创建新的
元素，并将其插入到所单击元素的父节点之后。@VisionN。。你能解释一下函数中的语句是做什么的吗？@Mellkor
$（“”，{id:“unique”}）
用
id
作为
“unique”
创建新的
元素，并将其插入到所单击元素的父节点之后。