javascript - 将 jquery 函数转换为每个

Question

创建以下函数是为了将向上和向下按钮控件添加到输入字段。我需要此功能才能在同一页面上有多个功能的情况下工作。

$(document).ready(function() {
    var maxqty = parseInt($('.qty').attr('max'))

    $(".qtyplus").click(function() {
        if($('.qty').val()<maxqty)
            $(":text[name='qty']").val( Number($(":text[name='qty']").val()) + 1 );
    });
    $(".qtyminus").click(function() {
        if($('.qty').val()>1)
            $(":text[name='qty']").val( Number($(":text[name='qty']").val()) - 1 );
    });
});

fiddle 在这里:http://jsfiddle.net/BhnM7/

基本上需要函数来工作它在同一个页面上有几个 div class="qtybox"

Answer 1

试试这个:

$(document).ready(function() {
    var maxqty = parseInt($('.qty').attr('max'))
    $(".qtyplus").click(function() {
        if($(this).parent().prev('.qty').val()<maxqty)
            $(this).parent().prev(":text[name='qty']").val(
                Number($(this).parent().prev(":text[name='qty']").val()) + 1 );
    });
    $(".qtyminus").click(function() {
       if($(this).parent().prev('.qty').val()>1)
           $(this).parent().prev(":text[name='qty']").val( 
              Number($(this).parent().prev(":text[name='qty']").val()) - 1 );
    });
});

Working Demo