2016-05-04 4 views
-2

私は、文字列を追加するをクリックします。btn>私はテーブルの最初のtr whith入力を複製し、このテーブルを追加します。そして、プレースホルダーコピーされた要素に+1番号を追加する必要があります。/ このHTMLテーブルのコピーの前にして、新しいコピープレースホルダに追加プレースホルダ逐次加算数の追加方法は?

<div class="matrix_a_cover"> 
    <table class="matrix_a brackets" id="matrix_a"> 

      <tr> 
      <td class="str_inp"> 
      <input type="text" placeholder="a1,1"> 
      </td> 
      <td class="str_inp"> 
      <input type="text" placeholder="a1,2"> 
      </td> 
     </tr> 

      <tr> 
      <td class="str_inp"> 
      <input type="text" placeholder="a2,1"> 
      </td> 
      <td class="str_inp"> 
      <input type="text" placeholder="a2,2"> 
      </td> 
     </tr> 

     <tr> 
      <td class="str_inp"> 
      <input type="text" placeholder="a3,1"> 
      </td> 
      <td class="str_inp"> 
      <input type="text" placeholder="a3,2"> 
      </td> 
     </tr> 

     <tr> 
      <td class="str_inp"> 
      <input type="text" placeholder="a4,1"> 
      </td> 
      <td class="str_inp"> 
      <input type="text" placeholder="a4,2"> 
      </td> 
     </tr> 


     </table> 
    </div> 

このコードのコピー要素

$('.add_str').click(function(){ 
    if ($("#check_mtrx_a").prop("checked")){ 
    $('.matrix_a tr:first').clone().appendTo('.matrix_a'); 
    }else if($("#check_mtrx_b").prop("checked")) { 
    $('.matrix_b tr:first').clone().appendTo('.matrix_b'); 
    } 
}); 

と、このすべてのリンクserjo96.github.io/matrix

+0

から始まります。問題は何ですか? – Justinas

答えて

-1

トリガ次の関数どのように機能するかの例が必要な場合あなたはテーブルを更新します

function placeHold() { 
$('tr').each(function(i,v){//loop each row 
    $(v).find('td').each(function(x,d){//loop each colon in that row 
    $(d).find('input').attr('placeholder','a'+i+','+x);//change the input placeholder 
    }); 
}); 

注:これはa0,0

+0

1.1からカウントを開始するにはどうすればよいですか? – Drop

+0

あなたは複雑な数学 '$(d).find( 'input')を必要とすることは非常に難しいです。attr( 'プレースホルダー'、 'a +(i + 1)+'、 '+(x + 1)) ; ' – madalinivascu

+0

ああ、ありがとう! – Drop

関連する問題