var questlist = [{
"startdate": "2015-01-08",
"questitem": [
{
"questid": "1",
"gifttype": "stars",
"quantity": 10,
"questname": "One",
"queststatus": "done"
}, {
"questid": "2",
"gifttype": "stars",
"quantity": 50,
"questname": "Two",
"queststatus": "ready"
}, {
"questid": "3",
"gifttype": "stars",
"quantity": 100,
"questname": "Three",
"queststatus": "complete"
}, {
"questid": "4",
"gifttype": "stars",
"quantity": 120,
"questname": "Four",
"queststatus": "done"
}, {
"questid": "5",
"gifttype": "stars",
"quantity": 220,
"questname": "Five",
"queststatus": "ready"
},
]
}];
questitemlist(questlist);
function questitemlist() {
var callquest = "<div class='questlist_container'>" +
"<div id='call_questitem'></div>" +
"</div>";
$("#call_quest").append(callquest);
var questlistobj = questlist[0].questitem;
$.each(questlistobj, function(i, obj) {
if (obj.queststatus == "ready") {
var questlist_item_button = "<input type='button' id='questlist_item_button_go" + obj.questid + "' class='questlist_item_button' id='questlist_item_button' value='GO !'/>";
$("#questlist_item_button_go" + obj.questid).click(function() {
alert("go");
});
console.log("#questlist_item_button_go" + obj.questid);
} else if (obj.queststatus == "done") {
var questlist_item_button = "<input type='button' id='questlist_item_button_reward" + obj.questid + "' class='questlist_item_button' id='questlist_item_button' value='REWARD !'/>";
$("#questlist_item_button_reward" + obj.questid).click(function() {
alert("reward");
});
} else if (obj.queststatus == "complete") {
var questlist_item_button = "<label class='questlist_item_complete'><img class='questlist_item_img' src='img/check.png'/></label>";
}
var questlist_item = "<div class='questlist_item'>" +
questlist_item_button +
"<label class='questlist_item_questname'>" + obj.questname + "</label>" +
"<label class='questlist_item_gifttype'>" + obj.gifttype + " " + obj.quantity + " " + "</label>" +
"</div>";
$("#call_questitem").append(questlist_item);
});
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="call_quest"></div>