主页 / 问题 / 1093827
Accepted
Vakulin Oleg
Asked:2020-03-12 21:07:08 +0800 CST2020-03-12 21:07:08 +0800 CST

子属性的正确语法

  • 772

请告诉我解决以下问题的最佳方法。问题。表中有动态字段（点击添加）。有没有可能，如果有一个 tr c id=" addr(N) " >1 元素，那么 tr c id=' addr(N-1) " 元素可以改变它的 td ("number" 和“瓦尔”） 

  $(document).ready(function(){
                        var i=1;
                        $("#add_row").click(function(){b=i-1;
                            $('#addr'+i).html($('#addr'+b).html()).find('td:first-child').html(i+1);
                            $('#tab').append('<tr id="addr'+(i+1)+'"></tr>');
                            i++;
                        });
                        $("#delete_row").click(function(){
                            if(i>1){
                                $("#addr"+(i-1)).html('');
                                i--;
                            }
                            calc();
                        });
});
table {
  border-collapse: collapse;
}

table, th, td {
  border: 1px solid black;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table id="tab" style="border:2">
  <tbody>
    <tr id="addr1">
      <td id="number">1</td>
      <td id="val">Value1-2</td>
    </tr>
 
  </tbody>
  <div>
  <button id="add_row" class="pull-left btn btn-info btn-mini " style="margin-left: 5%">Добавить строку</button>
 <button id='delete_row' class="pull-right btn btn-danger btn-mini">Удалить строку</button>
  </div>
   
</table>

javascript

1 个回答

  1. Best Answer

    标记：

    <table id="tab" style="border:2">
    <tr class='empty'>
        <td>
            <input class='name'>
        </td>

        <td>
            <input class='barcode'></td>
        <td>
            <input class='artikul'>
        </td>
        <td>
             <input class='artikul_original'>
        </td>
    </tr>
</table>

    我删除了标记中的 id，如果确实需要它们，您可以将它们添加到代码中，并以数字递增。

    编码：

    var name, barcode, artikul, artikul_original;
    //парсим json, чтобы получить значение для внесения в каждый инпут, раскидываем значения по переменным
//далее присваиваем инпутам значения переменных
    $('.empty').children().children('.name').val(name); 
    $('.empty').children().children('.barcode').val(barcode); 
    $('.empty').children().children('.artikul').val(artikul); 
    $('.empty').children().children('.artikul_original').val(artikul_original); 
    $('.empty').removeClass('empty'); // убираем у текущей строки класс пустой
    $('#tab').append(' <tr class="empty"> <td> <input class="name"> </td> <td>  <input class="barcode"> </td> <td>  <input class="artikul"> </td> <td>  <input class="artikul_original"> </td> </tr>'); // добавляем новую строку с классом empty, чтобы в следующей итерации к ней обратиться

    代码转到带有空类的行，下降 2 级到后代（输入），并根据类填充每一层。然后它杀死字符串的空类，以便下一次迭代不会影响这个字符串。然后它使用目标类创建一个新的空字符串。如果我理解正确，这可以解决问题）如果您需要帮助添加 id，然后写，我会添加

    • -1

相关问题