0

この構造を持つページがあります::連続する 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>
4

4 に答える 4

4 
$(".samediv > div").on("click", function() {
    $("<div />", { id: "unique" }).insertAfter(this.parentNode);
});

代わりに、本当にユニークな"unique"ものがあるはずです。

デモ: http://jsfiddle.net/4MRwZ/

于 2013-02-27T11:20:35.433 に答える
1 
$("div.samediv > div").click(function(){
     $(this).parent().after("<div id='unique'></div>");
});
于 2013-02-27T11:21:09.250 に答える
0

このコードを試してください:

$('.samediv').click(function(){
   $(this).parent().after('<div id = "unique"> </div>');
});
于 2013-02-27T11:21:21.897 に答える
0

これを試して

例 ：

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

必要

$(".samediv > div").click(function () {
    $(this).parent().append('<div id = "unique"></div>')
})
于 2013-02-27T11:23:40.227 に答える