Javascript 单击表行时记录JSON字段

Javascript 单击表行时记录JSON字段,javascript,ajax,html-framework-7,Javascript,Ajax,Html Framework 7,我正在使用它来构建一个移动应用程序。使用和功能,我将动态构建一个包含JSON数据的html表,如下所示: //Do something when popup is opened $$(document).on('popup:opened', '.popup-airconSearch', function (e) { //Show preloader app.preloader.show(); //Request json data from URL app.request.js

我正在使用它来构建一个移动应用程序。使用和功能,我将动态构建一个包含JSON数据的html表,如下所示:

//Do something when popup is opened
$$(document).on('popup:opened', '.popup-airconSearch', function (e) {
  //Show preloader 
  app.preloader.show();
  //Request json data from URL
  app.request.json('my-URL', function (data) {
    var tableHtml = '';
      for(var i = 0; i < data.length; i+=1){
        tableHtml+= '<tr><td class="numeric-only">' +data[i].brand+ '</td> <td class="numeric- only">' +data[i].model+ '</td></tr>';        
      }
    //Add rows to HTML table    
    $$('.data-table #airconDatabase').html(tableHtml);
    app.preloader.hide();    
  })
})
但是,控制台将ID记录为未定义。如果我把它改成

var id = data[0].regnumber;
var id = data[1].regnumber;
然后,无论单击哪个表行,都会将第一个JSON条目regnumber字段记录到控制台。如果我把它改成

var id = data[0].regnumber;
var id = data[1].regnumber;
然后记录第二个JSON条目regnumber字段,依此类推

我哪里出错了?

我的解决方案:

首先使用JSON数据中的行ID构建动态HTML表:

tableHtml+= '<tr id="' +data[i].am_5_regnumber+ '"><td class..

除上述内容外,我还必须向HTML表中添加一个ID,而不仅仅是表体。

var ID=data[I].regnumber中的I是什么,您还需要循环,就像上面所做的那样steps@KaranTewari我懂了。但是,如果我在上述步骤中使用相同的循环,那么控制台将记录所有条目的regnumber字段,而不仅仅是单击的表行中的条目。在请求部分之外,您无权访问数据对象。因此,您必须在表格html中包含某种类型的id或数据属性,稍后您可以选择这些属性