動的に追加されたテキスト入力にfocus onclickを切り替える

Question

私はjQueryのnoobだと言ってこの質問を序文にしておきましょう。

現在オンラインストアで作業しています。ショッピングカートに統合された機能の1つは、「クイック追加」フィールド（id = "cc"）です。

以下の「クイック追加」フィールドは、アイテム行で動的に取り込まれるテーブルです。これらの動的に追加されたアイテム行のそれぞれには、アイテムがカートに追加されると顧客がその数量を変更したい場合に備えて、 "qty"テキストフィールド（id = "qtycart"）があります。

私は、顧客が「クイック追加」テキスト入力にテキストを追加できるようにしたいと、送信ボタンをクリックしてください：

は、ここで私が何をしたいのです。送信ボタンをクリックすると、この入力から、下に新たに追加された行の「qty」入力にフォーカスが移動します。

これは意味がありますか？

は、ここで私は一緒に入れ単純な関数ですが、私は明らかに何か欠けている：あなたの時間を

$("#cc").live("click", function(){ 
$("#qtycart:text:visible:last").focus(); 
}); 

非常にありがとうを！

Answer 1

DOM（qtycart）に重複IDがあるようです。おそらく、代わりにクラス名が「qtycart」を使用する必要があります

$("#cc").live("click", function(){ 
    $(".qtycart:text:visible:last").focus(); 
}); 

.focus()方法は、あなたが右の要素をターゲットにしている場合は動作しません。ここではあなたが何をしようとしてシミュレートするために、少しのデモです：http://jsfiddle.net/6VZf3/2/

そして、ここでは、W3CがID attributeについて言っているのです：

ID =名 [CS]

この属性は要素に名前を割り当てます。この の名前は、ドキュメント内で一意である必要があります。

Answer 2

私はあなたの質問を理解していると思います。この例を見てみましょう：

http://jsbin.com/ahusi4/2/edit

あなたが新しいアイテムと数量入力ボックスフォーカスを取得を入力することができます。

これが役に立ちます。

ボブ