JQuery와 표 순회

Question

다음과 같이 나는 테이블이 주어진 셀렉터와 일치하는 셀 위로 건너 뜁니다. #c1의 끝에서 오른쪽 화살표를 누르면 .readonly이 아닌 다음 셀로 포커스가 이동해야하며, 마찬가지로 시작 부분의 왼쪽 화살표를 #c3으로 누르면 포커스가 마지막 셀로 이동해야합니다 그게 아니야 .readonly.

내가 일하는 코드를 가지고있어. 르 키보드 이벤트,하지만 내 jQuery 선택기 주위에 초점을 이동하는 데 문제가 있습니다. 루프에서 원하는 것을 쉽게 할 수는 있지만 좀 더 우아한 방법을 찾고 있습니다. 내가 사용 현재 해요 선택기 (예를 들어, #c3에서 #c2에 "이전"이동은,() #c1을 의도하는)입니다 :

$(el).parent('td').prev('td').find('input').focus(); 

기본적으로 내가 할 수있는 방법 :

Element -> Parent 'td' -> Closest previous 'td' containing an 'input' element without the 'readonly' class

Answer 1

이

$(el).closest('td').prevAll('td:has(input:not(.readonly))').first().find('input').focus();