我编写了用复选框进行操作的插件。现在我有一些问题。获得 JSON后,我想连接我的孩子和父母。每个孩子都有带有这个 id 值的data-parent 。
示例子: {“id”:4,“name”:“name 1”,“parent”:1},
示例父: {“id”:2,“name”:“name 2”,“parent”:false }
在渲染我的第一级(父母)之后,我想附加到父母,他们的孩子。请帮忙,我不知道这样做的好习惯。
var $this = this.element; // (target to DOM element, in this context 'body')
$.getJSON('js/ajax/data.json', function(data) {
var parentData = [];
var childrenData = [];
$.each(data, function(i, item) {
if (data[i].parent == false) {
parentData.push(
'<div class="ra-megaselect-rubrics-level-one"><label>' +
'<input type="checkbox" data-id="' + data[i].id + '">' +
'<span>' + data[i].name + '</span>' +
'</label></div> '
)}
else {
childrenData.push(
'<div class="ra-megaselect-rubrics-level-two"><label>' +
'<input type="checkbox" data-id="' + data[i].id + '" data-parent="' + data[i].parent + '">' +
'<span>' + data[i].name + '</span>' +
'</label>'
)}
});
$this.append(parentData);
});