2012-04-06 22 views
1

私のプロジェクトにはjQueryのクローンと子の概念が使用されています。私はdiv内の1つのテーブルを使用しています(クラスはclonedInputです)、一つのボタンをクリックすることによって私はdiv全体をクローンしてdivの後に挿入します。この時点では: "Jqueryのクローンの子孫

var num  = $('.clonedInput').length; 
var newNum = new Number(num + 1); 
var newElem = $('#input' + num).clone().attr('id', 'input' + newNum); 
$('#input' + num).after(newElem); 

" これを使用して、私はdivのIDを高めています。同時に、テーブルtrとtdのIDを増やしたいと思います。そのために私はchildren.attr()を試しました。しかし、これはテーブルIDを増加させていません。誰も私のためにこれを明確にすることはできますか?

ありがとうございます。

+0

あなたがしようとしていることを明確にすることはできますか?あなたの質問が何であるかははっきりしていません。 – jmort253

+0

ページのレイアウトが必要です。 – Alexander

+0

詳細を追加しようとしています。ユーザーがバスルートの詳細などのデータを追加すると、ルートを追加したい場合はルート追加ボタンをクリックしてテーブルの詳細を繰り返します。 –

答えて

2

私は、増分されたIDを持つ行に入力を作成する関数を持っています。これはあなたが探しているものではありませんが、私はそれがあなたにどのようにタスクを行うにはかなり良いアイデアを与えると確信しています。

var numbers =0 
$(function() { 
var newRowNum = 0; 

    $('#addnew').click(function() { 
     newRowNum++; 
     ///////////// <a> <td> <tr> 
     var addRow = $(this).parent().parent(); 
     ///////////// In the line below <tr> is created 
     var newRow = addRow.clone(); 
     $('input', addRow).val(''); 
     $('td:first-child', newRow).html(); 
     $('td:last-child', newRow).html('<a href="" class="remove">Remove<\/a>'); 
     $('input', newRow).each(function(i) { 
      var newID = newRowNum + '_' + i; 
      $(this).attr('id', newID).attr('name', newID); 
     }); 
     addRow.before(newRow); 

     $('a.remove', newRow).click(function() { 
      $(this).parent().parent().remove(); 
      return false; 
     }); 

     return false; 
    }); 
    numbers = newRowNum; 
}); 
2

あなたがやろうとしているものは明らかではないが、私の推測では、あなたが試すことができるということです。



    var num  = $('.clonedInput').length; 
    var newNum = new Number(num + 1); 
    var newElem = $('#input' + num).clone(); 

    newElem.attr('id', 'input' + newNum); 
    $('#input' + num).after(newElem); 

全体

$('#input' + num).clone().attr('id', 'input' + newNum);

一部があなたにクローンを与えることはできませんオブジェクトではなくブール値の結果または整数です。

問題が解決しない場合は、append()関数も試してみてください。

+0

ありがとうございました。私は問題を解決しました... –

+0

@ Dinesh.B喜んで助けてください。そうであれば正しい答えを確認することを忘れないでください。 – anuragsn7