Buenas estoy intentando cambiar el valor de data-precio con una función de jquery, pero con (this) par que detecte cual tiene que cambiar, pero no lo consigo.
Iteración de servicios
@foreach ($order->casa->elementosAdicionales as $item)
<tr>
<td class="td_flex">
<div class="form-check form-check-inline poscheck">
<input type="text" name="precioNuevo" id="precioNuevo" value="{{ $item->precio }}" class="inputPrecioServ">
<input class="form-check-input checkServicios" type="checkbox" id="{{ $item->id }}" data-precio="{{ $item->precio }}" name="adicionales[]" value="{{ $item->id }}" @if($condicion) checked @endif>
</div>
</td>
</tr>
@endforeach
Quiero que el valor que le ponga en el input precioNuevo
lo ponga en el data-precio
en el checkbox .checkServicios
$("input[name='precioNuevo']").on('keyup',function(){
var dInput = this.value;
console.log(dInput);
$(this).find(".checkServicios").attr('data-precio', dInput);
})
No hay forma de con (this) acceder al siguiente elemento sin ser hijo? o hay forma de convertir esto en padre/hijo ?? Al ser una iteración solo necesito que me cambie el que toca, no todos.