javascript - 获取 $(this).val() 的下一个元素

Question

如何使用 javascript 获取 html 中的下一个元素？

我有三个

 <input type="number"  class="number" >

在 html 和这样的脚本中:

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var limite = <?php echo str_replace('"', '&quot;', trim($row["tot_costi_fissi_struttura"])) ?>;
var somma;
var val;

$(".number").change(function(){
val = parseFloat($(this).val());

somma = 0;
$(".number").each(function(){
somma += parseFloat($(this).val());
});
var resto = limite - somma > 0 ? limite - somma : 0;
$("#limite").html(resto);
if(somma > limite){
var diff = somma - limite;
$(this).val(val - diff);
}


})
});

我不仅需要获取当前元素，还需要获取下一个元素。

我已经试过了:

valnext = parseFloat($(this).next().val());

但是没用

提前致谢

Answer 1

如果项目位于 DOM 中的任意位置，那么您可以使用 jQuery.index .假设我们有三个 .number 项目，第二个被改变，那么:

var $this = $(this),             // this element
    $that = $(".number"),        // group of element to which this element belongs
    index = $that.index($this),  // index of this in that group
    $next = $that.eq(index + 1); // next element in that group
                                 // note that .eq silently returns empty jquery
                                 // object if out of bounds index is specified

Demo here