. Nächster Wahlschalter funktioniert nicht

Question

Dies ist mein Code.

$(function() { 
 
var premium1 = $("#premium1").spinner({ 
 
    \t change: function(event, ui) { 
 
    \t \t if($("#premium1").spinner("value")!=0){ 
 
    \t \t \t CountGroupOne(this.id); 
 
    \t \t } 
 
    \t \t else 
 
    \t \t { 
 
    \t \t \t ShowAll(1); 
 
    \t \t } 
 
    \t \t 
 
    \t } 
 
    }); 
 
    }); 
 
function CountGroupOne(id){ 
 
    \t alert(id); 
 
    \t var price=$("#"+id).nextAll('input:first').val(); 
 
    \t alert(price); 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="premium1" type="number" name="premium[1][1][]" value="0" min='0' max='30'/><input type="number" hidden name="price[]" value="2"/>

Als ich die id die Warnung erhalten, ist mir etwas zurückzugeben, aber die alert2 gib mir undefined. Was ist das Problem? Das HTML einfach zwei input.

Answer 1

Hier Lösung:

function CountGroupOne(id){ 
    alert(id); 
    var price=$("#"+id).parent().next('input').val(); 
    alert(price); 
    } 

JQuery UI Spinner produzieren Spanne und Ihr erster Eingang ist in Spannweite gewickelt ...

Demo: https://jsfiddle.net/54naesgp/

P. S. Verwenden Sie immer Entwickler-Tools und überprüfen Sie generiertes HTML.