У меня есть таблица 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>
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>
Поскольку ты показываешь в коде, кажется, что то, что ты хочешь, состоит в том, чтобы применять драйвер события в 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>
Ты должен использовать
следующий код
$ (this) .closest ('table') .attr ('пойдите')
closest
Восток mГ©todo мы это используем, когда мы будем нуждаться в том, чтобы получить определенный объект (в этом случае она informaciГіn table, потом с attr мы будем искать признак, "пойдите"
просвет, который будет cГіdigo функционировавшая внутри each ()
типов Привета.