JQuery와 :

Question

은 아마 제목이 오히려 비밀이다 질문이 동적으로 생성 된 HTML 요소에 아약스 쿼리 데이터를 기록 ID를 저장하려면하지만 난

이의이 구성을 가정 해 봅시다 그래서 저 : 맨 손으로하시기 바랍니다 여기에 자신을 설명하려고하는 방법 :

• 서버 측
• 클라이언트 측이 JQuery와 응용 프로그램이 해당 PHP 애플리케이션에 Ajax 요청을 보내고 만드는 JSON 형식의 데이터 요청 (항목의 목록, 단일 항목의 세부 사항 등)에 대한 응답 PHP 응용 프로그램입니다 수신 된 데이터에 해당하는 html 콘텐츠

예를 들어, 클라이언트가 "A '로 쳐다 보며 이름을 가진 모든 동물의 목록을 요청하고 서버에서 json 응답을 받고 모든"동물 "이 동물 묘사 등으로 div와 같은 일부 html 기즈모를 만듭니다. 그런 식으로. 그것은 실제로 어떤 html 요소가 될지는 중요하지 않지만 그 레코드의 "id"를 포함하여 특정 레코드를 정확히 가리켜 야합니다.

여기 내 딜레마가 있습니다. 좋은 해결책은 "id"속성을 사용하는 것입니까? 그래서 것 같은 :

<div id="10" class="animal"> 
<p> 
This is animal of very mysterious kind... 
</p> 
</div> 

<div id="11" class="animal"> 
<p> 
And this one is very common to our country... 
</p> 
</div> 

경우 ID = "10"이 ID = 10

아니면 좀 맞춤 제작 한이 레코드 ID를 저장해야와 기록의 표현입니다 물론 표시입니다

<record_id>10</record_id> 

엄격가 CSS (선택) 될 운명이 있었는지에 대한 "ID"를두고 같은 태그?

일부 사용자 입력으로 데이터베이스를 업데이트하거나 "동물"중 일부를 삭제하거나 새 항목이나 필요한 항목을 만드는 것과 같은 추가 작업을 수행하려면 해당 레코드 ID가 필요합니다. 모든 조작은 JQuery로 수행되며 ajax 요청 및 응답은 html 인터페이스의 동적 작성으로도 시각화됩니다.

누군가가 그런 종류의 물건을 다루어야하기 때문에 그 주제에 대한 몇 가지 팁에 감사 할 것입니다.

Answer 1

당신은이 목적을 위해의 jQuery API에서 제공하는 data()를 사용할 수 있습니다. 데이터를 저장하는 데

당신은 어떤 메모리 누수 문제로부터 안전하다는 것을 당신이 그런 방법으로

$("element").data("record-id"); 

data() 저장에게 데이터를 사용할 수있는 값을 검색하려면

$("element").data("record-id", 5); 

를 사용할 수 있습니다.

data() 방법 here에 대해 자세히 알아볼 수 있습니다.

Answer 2

데이터 메서드를 사용하여 임의의 데이터를 요소에 저장 한 다음 검색해야합니다. 예 :

var elm = $('<li>').data('record_id', 5); 

에 의해 간단하게 검색 :

elm.data('record_id');