JQuery - 동적 테이블의 즉각적인 계산/변환

Question

동적 HTML 테이블(행을 추가할 수 있음)이 있고 "단지" 리터 단위의 값을 읽고 사용자가 값을 입력할 때 이를 USG로 변환하고 싶습니다(리터 단위의 값을 얻으려면 변환을 입력하고 USG 입력 필드에 있음).

동적 HTML 테이블

upvalue를 삽입할 때마다 실행되는 함수를 만들었습니다.

으아아아

다음 예와 같이 HTML의 모든 줄에는 가 포함되어 있습니다.

으아아아

모든 행의 필드 이름이 동일하기 때문에 동일한 행의 필드를 참조하는 데 어려움이 있으며 $(event.target).closest('tr').find('.fuelUSG').val(USG) ; 동일한 나무성을 잃어서 고치지 않았습니다.

방법을 아시나요?

$(event.target).closest('tr').find('.fuelUSG').val(USG);을 시도했고 "fuelUSG"라는 이름이 업데이트될 것으로 예상했습니다. 그러나 불행하게도 그것은 작동하지 않습니다.

Answer 1

인정해야겠습니다. 작동시키기 위해 중요한 부분을 건드렸는지 기억이 나지 않습니다... (물론 누락된 이벤트 핸들러를 올바르게 추가했습니다)

어쨌든 이 데모에서는 템플릿을 사용하여 행을 추가하는 첫 번째 기능 외에도 다음과 같은 두 단계의 변환 논리도 고려합니다.

• 최하위 레이어는 문자열 값을 얻는 역할만 담당합니다. 매개변수를 입력하고 변환 결과를 숫자로 반환합니다
• 특정 입력 요소를 매개변수의 상위 레이어로 사용 그 자체는 여전히 문자열로 값을 가져옵니다. 이전에 설명한 함수를 사용하고 형제 입력을 값으로 설정합니다. 변환됨

모든 input.UsedFuel 上的单个循环上设置的，对于每一行中的每个输入，仅使用开始时已设置的值执行转换，并添加将执行转换的 keyup 이벤트 리스너가 사용자가 편집 중인 라인을 실시간으로 보여주면서 전체 게임이 완료됩니다.

으아아아 으아아아