.next选择器无法正常工作

Question

这是我的代码。

＆＃13;

＆＃13;

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

＆＃13;

<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"/>

＆＃13;

＆＃13;

＆＃13;

当我收到id时，警报就会给我回复，但alert2会给我undefined。有什么问题？ HTML简单两个input。

Answer 1

这是解决方案：

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

JQuery UI Spinner生成span，您的第一个输入包含在span ...

中

演示：https://jsfiddle.net/54naesgp/

P.S。始终使用开发人员工具，并检查生成的html。