休閑テーブルには多くの同一のテキスト入力があります...
<table>
<tr>
<td>
<a href="#" id="plus"><img src="plus.png" width="12" height="12" /></a>
<input type="text" value="0" />
<a href="#" id="minus"><img src="minus.png" width="12" height="12" /></a>
</td>
.
.
<td>
<a href="#" id="plus"><img src="plus.png" width="12" height="12" /></a>
<input type="text" value="0" />
<a href="#" id="minus"><img src="minus.png" width="12" height="12" /></a>
</td>
</tr>
</table>
そして、休眠中のjQueryスクリプトは、クローゼットのテキスト入力の値をインクリメント/デクリメントする必要があります。
$("#plus").click(function(){
var text = $(this).next(":text");
text.val(parseInt(text.val(), 10) + 1);
});
$("#minus").click(function(){
var text = $(this).prev(":text");
aux.val(parseInt(aux.val(), 10) - 1);
});
問題は、スクリプトがテーブルの最初のリンクのペアでのみ正常に機能し、入力された最も近いテキストの値を1つインクリメントおよびデクリメントし、残りのリンクのペアは最も近いリンクの値を変更しないことです。テキスト入力、さらに悪いことに、リンクhome/jthernandez/Desktop/test.html#
がクリックされるとURLに伝播します。
ここで何が起こっているのかはよくわかりませんが、+、-リンクの各ペアは、それぞれnext()、prev()テキスト入力の値を変更するという考え方です。どんな提案も素晴らしいでしょう。ありがとう