Javascript 单击表行时记录JSON字段
我正在使用它来构建一个移动应用程序。使用和功能,我将动态构建一个包含JSON数据的html表,如下所示: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
//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或数据属性,稍后您可以选择这些属性