получать стоимость неудара в лунку в таблице HTML, который производится dinamicamente?

У меня есть таблица HTML, который я наполняю dinamicamente с таблицей BD, к каждой линии, которую он возвращает, я добавляю неудар в лунку text для того, чтобы он добавил некую информацию для каждой линии, линии он не имеет ничего общего с остальными, в настоящее время уже я разместил имя, отличное от каждого неудара в лунку таблицы, когда posiciono в неударе в лунку линии, мне должен получать меня один, пойдите, что он покрашен в таблице, чтобы санкционировать эту информацию с ajax, проблема, которая у меня есть, состоит в том, что у меня есть код, чтобы получать эту стоимость, но только размещая id специфического неудара в лунку и не общей формы для любого неудара в лунку, который я выбрал: Как я могу делать эту функцию JS для того, чтобы он смог получать эту стоимость для любого неудара в лунку?

<script>
    $(document).ready(function () {
        //El id de los input comienza con numeroFac-0, numeroFac-1...
        $('#numeroFac-0').on('focus', function () {
            var hola = $(this).parent().parent();
            hola.children().each(function () {
                var celdas = hola.children();
                $('#txtNombre').val($(celdas[0]).text());
                $('#test').val($(celdas[1]).text());
                $('#txtFechaa').val($(celdas[3]).text());
            });
        });
    });
</script>

это моя таблица или html

<table class="table table-striped table-condensed">
            <thead>
                <tr>
                    <th><i class="glyphicon glyphicon-asterisk"></i> Cliente</th>                    
                    <th><i class="glyphicon glyphicon-user"></i> Nombre</th>
                    <th style="text-align:center"><i class="glyphicon glyphicon-info-sign"></i> Total compras</th>
                    <th style="text-align:center"><i class="glyphicon glyphicon-info-sign"></i> Total a comisionar</th>                    
                    <th style="text-align:center"><i class="glyphicon glyphicon-info-sign"></i> Alcance %</th>
                    <th><i class="glyphicon glyphicon-info-sign"></i> Monto $</th>
                    <th><i class="glyphicon glyphicon-info-sign"></i> Concepto</th>
                    <th><i class="glyphicon glyphicon-info-sign"></i> Ingresar Factura</th>
            </thead>
            <tbody>

                @Code If consultaComisiones.Count > 0 Then End Code
                
                @Code For Each item1 In consultaComisiones End Code
                        
                    <tr>
                        
                        @Code If item1("Alcance") >= "80" And (item1("NIVEL_PRECIO") = "DAF B" Or item1("NIVEL_PRECIO") = "DAF C") Then End Code
                           
                        <td>@item1("Cliente") <input type="text" id="numeroCliente" name="numeroCliente" value="@item1("Cliente")" /></td> 
                        <td>@item1("Nombre") <input type="text" id="nombreCliente" name="nombreCliente" value="@item1("Nombre")" /></td>                        
                        <td style="text-align:center">@item1("total_compras") <input type="text" id="totalCompras" name="totalCompras" value="@item1("total_compras")" /> </td>
                        <td style="text-align:center">@item1("total_parad") <input type="text" id="totalComisionar" name="totalComisionar" value="@item1("total_parad")" /> </td>
                        <td style="text-align:center">@item1("Alcance") % <input type="text" id="alcance" name="alcance" value="@item1("Alcance")" /> </td>
                        <td>@Format(item1("Monto"),"C") <input type="text" id="monto" name="monto" value="@item1("Monto")" /> </td>
                        <td>Permanencia Amigo Chip 60 Dias(@item1("MES") @item1("ANIO"))@item1("total_parad") -lineas <input type="text" id="concepto" name="concepto" value="Permanencia Amigo Chip 60 Dias(@item1("MES") @item1("ANIO"))@item1("total_parad") -lineas" /> </td>                          
                        <td><input type="text" id="numeroFactura-@i"   /></td>    
                         @Code   i = i + 1
                              End If End Code                
                                        
                    </tr>

                  @Code Next End Code
                    <tr>                        
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td><center><button type="button" id="btnGuardar" class="btn btn-success"><span class="glyphicon glyphicon-floppy-disk"></span> Guardar</button></center></td>
                    </tr>
                
               @Code Else End Code
                    <tr>                        
                        <td colspan="8" >
                           <span style="color:red"><i class="glyphicon glyphicon-remove"></i> No existen resultados con los parametros de búsqueda que elegiste... </span>
                        </td>
                    </tr>                    
              @Code End If End Code
            </tbody>                
        </table>
        </form>
        <span class="text-success">Registros encontrados.: <span class="badge">@i</span></span>
        <div id="resultados" ></div>
1
задан 26.05.2016, 22:56
3 ответа

AquГ - у тебя есть пример.

var a = document.querySelectorAll("input");
for(var b in a){
  var c = a[b];
if(typeof c=="object"){
  c.onclick = function (){
     console.log(this.id);
  }
}
}
<table>
<tbody>
<tr><td><input id="uno" value="a" /></td></tr>
<tr><td><input id="dos" value="b" /></td></tr>
<tr><td><input id="tres" value="c" /></td></tr>
</tbody>
</table>
2
ответ дан 24.11.2019, 14:17
  • 1
    спасибо друг! точно то, в чем я нуждаюсь =) – Ivxn 27.05.2016, 00:39

Поскольку ты показываешь в коде, кажется, что то, что ты хочешь, состоит в том, чтобы применять драйвер события в input который пойдите, начнитесь с numeroFac- (p.e.: numeroFac-0, numeroFac-1, numeroFac-2...) вместо во все input.

Для этого ты можешь использовать селектор только для id's, которые начинаются из-за цепи в частности, формат был бы следующим: [atributo^='valor']. Это выберет все элементы, признак которых начал из-за цепи стоимость. В твоем случае ты хочешь, чтобы они были выбраны input который пойдите, начнитесь с numeroFac, - так что то, что ты сделал бы, было бы чем-то как это: input[id^='numeroFac-']. Что в твоем коде это осталось бы так:

<script>
    $(document).ready(function () {
        //El id de los input comienza con numeroFac-0, numeroFac-1...
        $("input[id^='numeroFac-']").on('focus', function () {
            var hola = $(this).parent().parent();
            hola.children().each(function () {
                var celdas = hola.children();
                $('#txtNombre').val($(celdas[0]).text());
                $('#test').val($(celdas[1]).text());
                $('#txtFechaa').val($(celdas[3]).text());
            });
        });
    });
</script>
1
ответ дан 24.11.2019, 14:17

Ты должен использовать

следующий код

$ (this) .closest ('table') .attr ('пойдите')

closest

Восток mГ©todo мы это используем, когда мы будем нуждаться в том, чтобы получить определенный объект (в этом случае она informaciГіn table, потом с attr мы будем искать признак, "пойдите"

просвет, который будет cГіdigo функционировавшая внутри each ()

типов Привета.

0
ответ дан 24.11.2019, 14:17