Tengo un span
que muestra valores desde un rango noUISlider, de ese span
quiero tomar el valor que arroja al mover el selector y almacenarlo para usarlo en una operación matemática (multiplicar y o dividir por otro valor) y ese resultado mostrarlo en el sitio
Imagen de referencia
Se ve que hay un rango mínimo y máximo, ambos valores tendrán una conversión. Por tratarse de un plugin de WordPress, sólo tengo acceso al siguiente código generado en HTML:
<div class="price-slider price">
<span id="price-value-min">9.350</span>
<span class="separator">UF </span>
<span id="price-value-max">38.500</span>
</div>
<input type="hidden" name="price_min" id="min-value" value="9.350">
<input type="hidden" name="price_max" id="max-value" value="38.500">
Los valores del input cambian al deslizar, son esos valores los que necesito capturar
Actualmente tengo esto, pero no consigo mostrar valor alguno
jQuery(document).ready(function( $ ) {
// $ Works! You can test it with next line if you like
// console.log($);
$('#price-value-min').click(function() {
var x = $(this).val();
// alert(x);
// Recomiendo usar la consola en lugar de alerts
console.log('El valor es: ' + x);
});
});
Cabe mencionar que esos valores cambian
Agradecido.
#
es para elid
, y ahí tú estás poniendo el valor del atributoname
. Si lo cambias por:$('#min-value').click(function() { //código
y por$('#max-value').click(function() { //código
debería funcionar.