javascript と jQuery を学習するためのおもちゃのプロジェクトでは、一部の入力フィールドにインクリメント ボタンとデクリメント ボタンを実装する必要があります。以下のデザインがうまくいくはずだと思っていますが、どういうわけかうまくいきません。jQuery について何か誤解しているのでしょうか、それとも平凡なエラーですか?
<button type="button" id="WS1inc" class="incbut"> + </button>
<input type="number" id="WS1" value="1">
function increment(field)
{
field.val(field.val()+1);
}
$("#WS1inc").click($("#WS1"),increment);
コンソールには、オブジェクトにメソッド「val()」がないと表示されているので、このように jQuery オブジェクトを渡すことはできないのでしょうか?
JSFiddle: http://jsfiddle.net/MycnR/
編集: Blender との私の議論に応えて、より広範な HTML: http://jsfiddle.net/4ELhf/