동적으로 추가 된 텍스트 입력에 포커스 onclick 전환

Question

내가 jQuery 멍청하다고 말하면서이 질문을 시작하겠다. 학습 과정을 시작하기 만하면된다.

저는 현재 온라인 상점에서 일하고 있습니다. 장바구니와 통합 된 기능 중 하나는 '빠른 추가'입력란 (id = "cc")입니다.

아래의 "빠른 추가"필드는 항목 행으로 동적으로 채워지는 테이블입니다. 항목이 장바구니에 추가되면 고객이 수량을 변경하려는 경우에 대비하여 동적으로 추가 된 각 항목 행에는 "qty"텍스트 필드 (id = "qtycart")가 있습니다.

나는 고객이 "빠른 추가"텍스트 입력 텍스트를 추가 할 수 있도록하고 제출 버튼을 클릭

여기에 내가하고 싶은거야. 제출 버튼을 클릭하면 포커스가이 입력에서 아래에 새로 추가 된 행의 "qty"입력으로 변경됩니다.

의미가 있습니까?

는 여기에 함께 넣어 간단한 기능이지만, 나는 분명히 뭔가 누락 : 당신의 시간을

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

감사합니다 아주 많이!

Answer 1

DOM (qtycart)에 중복 된 ID가있는 것 같습니다. 당신이 바로 그 요소를 대상으로하는 경우

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

.focus() 방법은 작동합니까 : 당신은 아마 클래스 이름 대신 'qtycart'를 사용합니다. 여기에 당신이 뭘 하려는지 시뮬레이션 약간의 데모입니다 : http://jsfiddle.net/6VZf3/2/

는 그리고 여기 W3C가 ID attribute에 대해 말씀입니다 :

이를

ID =이름 [CS] 속성은 요소에 이름을 지정합니다. 이 이름은 문서에서 고유해야합니다.

Answer 2

나는 귀하의 질문을 이해하고 있다고 생각합니다. 이 예를 살펴 :

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

당신은 새 항목과 수량 입력 상자를 입력 할 수있는 것은 초점을 가져옵니다.

희망이 도움이됩니다.

밥