루프 출력에서 ​​웹 데이터베이스 데이터 가져 오기

Question

데이터베이스 행을 반복하고 이러한 항목의 목록을 출력하고 있습니다.

그러나 일부 상황이 필요합니다.

행을 클릭하면 관련된 모든 데이터 (이름, ID 등)를 표시하고 싶습니다. 내 행에 데이터 속성을 지정할 수 있습니다.이 이름은 사용할 수 있지만 다른 것은 사용할 수 없습니다.

function displayResults(tx, results){ 

    var row = ""; 
    for(var i=0; i<results.rows.length; i++) { 
     row = results.rows.item(i); 
     currentID = row.myID; 
     currentName = row.name; 

     var wrapper = $('<div class="client-row" data-name="'+ currentID +'" />').appendTo('.client-list'); 
     wrapper.append ('<div class="client-name" >' + currentName + '</div>'); 

     $('.client-row').on('click', function(e) { 
      e.preventDefault(); 
      var newID = $(this).attr("data-name"); 
      $(".current-client").text(results.rows[newID].name); 
      $(".indiv-client").show(); 
     }); 
    } 
} 

따라서, 예를 들어, 나는 또한 row.sketch 필요하지만 행을 클릭하면,이 정보를 찾을 수있는 위치에 관한 어떤 상황이 없습니다.

Answer 1

내가 무엇을 찾고 있는지 이해하려면 HTML 솔루션 만 필요합니다.

행의 각 열에 대해 데이터 태그를 만들고 해당 태그에 데이터 이름 태그와 비슷한 값을 저장할 수 있습니다.

모든 태그를 구축 당신이 열을 반복 할 수있는 모든 열 "

var temp=''; 
for (var c in row) { 
    temp+= 'data-' + c + '="' + row[c] + '"'; 
} 
var wrapper = $('<div class="client-row"'+ temp +' />').appendTo('.client-list'); 

의 이름을 모르는 경우