Question

我有这个JavaScript代码，可以在我的asp.net webform中动态创建和添加HTML：

var i = 0;
    function agregaCampos() {
        i++;
        var cantidad = '<td class="auto-style2"><input type="text" size="3" name="cantidad' + i + '" /></td>';
        var codigo = '<td class="auto-style3"><input type="text" size="5" name="codigo' + i + '" /></td>';
        var umedida = '<td class="auto-style4"><select class="dropdown1" name="umedida' + i + '"><option value="PIEZA">PIEZA</option></select></td>';
        var descripcion = '<td class="auto-style5"><input type="text" size="70" name="cantidad' + i + '" /></td>';
        var punitario = '<td class="auto-style6"><input type="text" size="12" name="punitario' + i + '" /></td>';
        var importe = '<td class="auto-style7"><input type="text" size="12" name="importe' + i + '" /></td>';
        $("#conceptos").append("<tr>");
        $("#conceptos").append(cantidad);
        $("#conceptos").append(codigo);
        $("#conceptos").append(umedida);
        $("#conceptos").append(descripcion);
        $("#conceptos").append(punitario);
        $("#conceptos").append(importe);
        $("#conceptos").append("</tr>");
    }

我想在此表关闭标记之前添加控件：

<div id="conceptos">
        <table class="factura">
            <tr>
                <th class="auto-style2">Cantidad</th>
                <th class="auto-style3">Código</th>
                <th class="auto-style4">U. de médida</th>
                <th class="auto-style5">Descripción</th>
                <th class="auto-style6">Precio Unitario</th>
                <th class="auto-style7">Importe</th>
            </tr>

                <----- Here

        </table>
    </div>

任何消化怎么办？

Answer 1

您将代码附加到名为＆＃34; conceptos＆＃34;的div中。相反，您应该将代码附加到表中。您可以将jQuery选择器更改为$（＆＃34; .factura tr＆＃34;）。这将从您的表中选择所有TR。

重要的是要指出，如果您有多个具有相同类的表，则选择器将应用于所有这些表。在这种情况下，您可以将ID归因于您的表格。

为了得到你桌子的第二行（TR）你可以使用选择器＆＃34; eq＆＃34;选择一个索引。

所以你的代码会是这样的。

   $(".factura tr:eq(1)").append(cantidad);
  ...

此外，正如评论中所指出的，您的TR应该是DOM元素，而不是Open和Close标记。

您可以先向您的TABLE附加一个新TR，然后将上面的索引更改为＆＃34; 2＆＃34;而不是1，以便选择要追加的新TR。

我希望是有帮助的。

Answer 2

您可以将jQuery与以下代码一起使用

library --> browse jar location --> add paypalsdk2.9.3.jar

此代码将始终将新数据（tr）添加到现有表。

动态添加HTML输入jQuery和asp.net

2 个答案: