Jquery .next（）関数が動作しません

Question

私はこのようなことをしようとしています。私はそれらの真ん中に2つのhrefとテキストボックスを持っています< +>だから私は - と+ txtの1つ増減する必要があります

と私はjqueryを使用して+とテキストボックスの値。私は+を正しく押すが、その値の代わりに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は、ページ

Answer 1

私がやっているにTHMを使用して複数の時間イムとして異なることでしょう：それはjQueryの使用テキストボックスの値を取るようにするには、このための任意の解決策は、以下の何かこれがうまくいくように働いた。 はその

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

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

qtytxt.focus(); 

Answer 2

nextのタグのためのすべての次を得たあなたは時nextを呼び出している要素の後の要素を検索します。代わりにsiblingsを使用して：

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