1

私の Web ページでは、 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 $("your div selector").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 に答える