Jquery .next()函数不起作用

时间:2011-01-06 05:05:27

标签: jquery

伙计们,我正在尝试这样做,我有两个href和一个文本框在< - >中间TEXT< +>所以,当我按下 - 和+时,txt中的值必须增加或减少一个

我正在使用jquery来+和 - 文本框中的值。每当我正确地按+它发生但是 - 它需要TEXT字段名称而不是它的值。任何解决方案都可以使它采用JXT类所使用的TEXT框的值:

$(".quantity .subtract").click(function () {
    var qtyInput = $(this).next('input');
    var qty = parseInt(qtyInput.val());
    if (qty > 1)
        qtyInput.val(qty - 1);

    qtyInput.focus();
    return false;
});

$(".quantity .add").click(function () {
    var qtyInput = $(this).prev('input');
    var qty = parseInt(qtyInput.val());
    if (qty >= 0 && (qty + 1 <= 999))
        qtyInput.val(qty + 1);

    qtyInput.focus();
    return false;
});

他们的ID会不同,因为我在页面中使用了不止一次

2 个答案:

答案 0 :(得分:0)

我已经做了类似的事情。 得到了该标签的下一个

var qtyInput = $(this).nextAll('a');
var qtytxt = $(qtyInput).prev('input');
var qty = qtytxt.val();

if (qty > 1)
    qtytxt.val(qty - 1);

qtytxt.focus();

答案 1 :(得分:0)

next在您调用next的元素后面找到一个元素。而是使用siblings

var qtyInput = $(this).siblings('input');