Inkrement - /Dekrement-Wert eine von vielen ähnlichen text-Eingabe mit jQuery

Die Stilllegung Tisch hat viele identische text ein...

<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>  

und die Stilllegung jQuery script sollte Inkrementieren/Dekrementieren den Wert von Ihrem Schrank Texteingabe...

 $("#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);
 });

das problem ist, dass das Skript nur funktioniert gut auf den ersten paar links von der Tabelle, Inkrementieren und Dekrementieren der Wert seiner engsten Texteingabe ein, und der rest der verbleibenden Paare von Verknüpfungen ändern nicht den Wert seiner engsten text-input und-was noch schlimmer ist, dass die links verbreiten um die home/jthernandez/Desktop/test.html# - url, wenn Sie angeklickt wird.

Ich bin mir nicht wirklich sicher, was hier Los ist, aber die Idee ist, dass jedes paar ( + , - links ändert den Wert seiner next(), prev () - text-Eingabe-bzw. Irgendwelche Vorschläge wäre toll. Dank

  • Sollten Sie nicht die Wiederverwendung der gleichen id es ungültiges html und kann dazu führen, dass alle Arten von Problemen.
  • Rookie Fehler, in der Tat... vielen Dank
Schreibe einen Kommentar