If I have json Object Say.
<script>
$(function () {
var tr;
var obj = [{ obj1: { "name": "v1", nestobj: [{ "value": "10" }, { "value": "20" }, { "value": "30" }] } }];
obj.push({ obj1: { "name": "v2", nestobj: [{ "value": "abc" }, { "value": "xyz" }] } });
for (var i = 0; i < obj.length; i++) {
tr = $("<tr id='a3'/>");
$('p').css('border-top', '5px');
$('p').css('border-color', 'black');
tr.append("<td id='a2'>" + obj[i].obj1.name + "</td>")
$('tbody').append(tr);
for (var j = 0; j < obj[i].obj1.nestobj.length; j++) {
tr.append("<p>" + obj[i].obj1.nestobj[j].value + "<input type='button' value='remove value' style='color:blue;' onclick=''></p>")
$('tbody').append(tr);
}
}
});
can I remove 'nestobj' using button onclick function so it becomes: