JS erhöhen/verringern mehrere Eingabe-Nummer Variablen

Question

Ich habe versucht zu erhöhen und zu verringern Wert der 'val' Klasse und ich werde sie mehr als einmal auf einer Seite verwenden. Auch ich muss MIN und MAX für sie einstellen.

<input type="button" value="-" class="decreaseVal"> 
    <input type="number" min ="1" max="22" value="20" class="val" disabled> 
    <input type="button" value="+" class="increaseVal"> 


    // JS CODE THAT I TRY 
    $(".decreaseVal").click(function() { 
     var num = $(this).next('input').val(); 
    }); 


    $(".increaseVal").click(function() { 
     var num = $(this).prev('input').val(); 
    }); 

Ich kann ihre Werte bekommen, aber ich bin nicht in der Lage, sie zu ändern. Irgendwelche Tipps Jungs?

Answer 1

versuchen, diese

$(".decreaseVal").click(function() { 
 
    var input_el=$(this).next('input'); 
 
    var v= input_el.val()-1; 
 
    if(v>=input_el.attr('min')) 
 
    input_el.val(v) 
 
}); 
 

 

 
$(".increaseVal").click(function() { 
 
    var input_el=$(this).prev('input'); 
 
    var v= input_el.val()*1+1; 
 
    if(v<=input_el.attr('max')) 
 
    input_el.val(v) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="button" value="-" class="decreaseVal"> 
 
<input type="number" min="1" max="22" value="20" class="val" disabled> 
 
<input type="button" value="+" class="increaseVal">