클릭 한 항목에만 영향을 미치고 고유 식별자를 추적합니까?

Question

그래서 체크 할 항목 목록을 갖게됩니다. 그들은 동일한 이름/속성을 가질 수 있지만 모두 고유 한 식별자를 가져야합니다. 나는 그것들을 목록에서 확인하고 그들을 숨겨서 고유 한 ID로 서버에 보내고 업데이트하는 기능을 그들 스스로 실행시킬 수 있기를 원한다.

고유 ID를 저장해야하는 위치를 파악하려고합니다. DOM에서 항목을 쉽게 찾을 수있는 클래스로 사용해야합니까? 특정 항목에 대해이 사용자 입력을 추적하는 다른 옵션은 무엇입니까? 항목은 처음에 서버에서 전송됩니다.

다음은 이러한 종류의 문제를 해결하기위한 모범 사례를 찾기 위해 시도한 http://jsfiddle.net/QQPtn/1/입니다. 감사!

Answer 1

내가 틀리지 않다면 다른 옵션이 있습니다. 사용자 정의 속성의 도움을받을 수 있습니다. 각 이미지 요소에서 사용자 정의 속성을 사용할 수 있습니다. 사용자 지정 특성은 기존 특성을 제외하고 사용자가 정의한 이름이 될 수 있습니다. 예를 들어 index = "n"이라는 자체 속성을 정의 할 수 있습니다.

예 : 이미지의 클릭에

<img src="..." index="1" class="myimage" /> 

당신은 정상 자바 스크립트 JQuery와

사용을

var index = element.getAttribute('index'); 

사용

다음과 같은 속성의 인덱스를 읽을 수 있습니다

$(".myimage").click(function (s) { 
     var imgIndex = s.currentTarget.getAttribute('index'); 
    });