如何添加占位符顺序添加号?

时间:2016-05-04 09:29:46

标签: javascript jquery html

当我点击添加字符串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

1 个答案:

答案 0 :(得分:-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

开始