1

在我的网页中，我使用 jQuery添加动态字段功能 。

我通过单击现有的 div 添加一个新的 div：

<div class="divA">divA1 </div> 
<div class="divB" >DivB1 </div>
<div class="divC" />DivC1 </div>

通过单击父级div，我正在创建一个新的动态 div 

<div class="divA">DivA2 </div>

它即将在所有 div 的末尾出现。 

<div class="divA">divA1 </div> 
<div class="divB" >DivB1 </div>
<div class="divC" />DivC1 </div>
<div class="divA">DivA2 </div>

但我需要div像这样与父母一起使用它： 

<div class="divA">divA1 </div> 
<div class="divA">DivA2 </div> 
<div class="divB" >DivB1 </div>
<div class="divC" />DivC1 </div>

这是我的 jQuery 代码：

    newTextBoxDiv = $(document.createElement('div'))
     .attr("id", text).attr("class", 'test0 ' + text);
    newTextBoxDiv.html('<div style=" width:150px; class="DivA" float: left"> </div>'); 
}

newTextBoxDiv.appendTo("#contents");

内容是主 div 的 id

4

4 回答 4

3

试试这个

JS代码

 $('.divA').on('click', function(){
      $(this).after('<div/>').next().attr('class', 'divA2').text('divA2');
 });

演示：http: //jsfiddle.net/mhn3q/11/

于 2012-09-06T12:24:04.510 回答
1

正如你的问题所述，据此。

你可以试试这个

$("div").on("click", function(){
    var  _this = $(this);
    var className = this.className;
    _this.after($('<div />').addClass(className).html("New Html"));

});

应该<div class="divC" />DivC1 </div> 是<div class="divC">DivC1 </div>

检查这个快速演示

于 2012-09-06T12:26:26.773 回答
0

user $("你的 div 选择器").after("新的 div 元素");

http://api.jquery.com/after/

于 2012-09-06T12:17:04.770 回答
0

试试这个。它应该给你（我希望）你想要的东西：

http://jsfiddle.net/zjcHf/1/

于 2012-09-06T12:50:13.190 回答