i want add data to object if data from database if not null add item ,but i stuck i cann’t know how can i set id for the one by one button and get attribute for one by one id
function bindData(jdata) {
var obj = $(".GPS .CONTENT");
if (jdata.length > 0) {
$(obj).html(addItemHtml(jdata))
CONFIRMELEMENT()
} else {
$(obj).html(addItemHtml(addItemNull))
}
}
function addItemNull() {
var _html = "<div class='ITEM_COL LINE_'>" +
"<div class='ITEM_1 CENTER_TEXT ORDER_NO'>Order No</div>" +
"<div class='ITEM_2 CENTER_TEXT ORDER_DATE'>Order Time</div>" +
"<div class='ITEM_3 CENTER_TEXT CUR_TIME'>GPS Delivery time (plan)</div>" +
"<div class='ITEM_4 CENTER_TEXT REMAINING_TIME'>Est. Finish time</div>" +
"<div class='ITEM_5 CENTER_TEXT CONFIRM'>Xác Nhận</div>" +
"</div>";
return _htm;
}
function addItemHtml(jdata) {
var _html = "<div class='ADD_ITEM ITEM_COL LINE_'>" +
"<div class='ITEM_1 CENTER_TEXT ORDER_NO'>Order No</div>" +
"<div class='ITEM_2 CENTER_TEXT ORDER_DATE'>Order Time</div>" +
"<div class='ITEM_3 CENTER_TEXT CUR_TIME'>GPS Delivery time (plan)</div>" +
"<div class='ITEM_4 CENTER_TEXT REMAINING_TIME'>Est. Finish time</div>" +
"<div class='ITEM_5 CENTER_TEXT CONFIRM'>Xác Nhận</div>" +
"</div>";
for (var i = 0; i < jdata.length; i++) {
_html = _html + "<div class='ADD_ITEM ITEM_COL LINE_" + jdata[i].ID + " " + "order =" + jdata[i].ID + " body = " + jdata[i].BODY_NO + "'>" +
"<div class='ITEM_1 CENTER_TEXT ORDER_NO' order =" + jdata[i].ID + ">" + jdata[i].ID + "</div>" +
"<div class='ITEM_2 CENTER_TEXT ORDER_DATE'>" + jdata[i].ORDER_DATE_DDMMYY + "</br>" + jdata[i].ORDER_DATE_HHMM + "</div>" +
"<div class='ITEM_3 CENTER_TEXT CUR_TIME'>" + jdata[i].CUR_TIME + "</div>" +
"<div class='ITEM_4 CENTER_TEXT REMAINING_TIME'>" + jdata[i].REMAINING_TIME + "</div>" +
"<div class='ITEM_5 CENTER_TEXT START' " + "attStart ="+ jdata[i].ID +">" +
"<div id='btnStart" + i + "' class='btn btnStart CENTER_TEXT' " + "attStart ="+ jdata[i].ID +"> Start </div>" +
"<div id='btnFinish" + i + "' class='btn btnFinish CENTER_TEXT'" + "attFinish =" + jdata[i].ID + " > Finish </div>" +
"</div>" +
"</div>";
}
return _html;
}