我想用Jquery AciTree迭代选中的复选框

Question

我想用Jquery AciTree

迭代选中的复选框

这不起作用。

    var api = $('#arbol_actividades').aciTree('api');
    var sel = api.checkboxes($('#arbol_actividades li'), true);
    sel.each(function(index,item){
        api.getId((item));
    });

Answer 1

由于item是一个DOM元素，因此在将其传递给AciTree API函数之前必须先进行jQuery包装。测试：

<强> 1 即可。例如，在Google Chrome中打开this official demo page。

2. 打开控制台（如果是Chrome，则为F12）。

3. 检查左侧树的一些复选框。

4. 将此代码复制并粘贴到控制台中，然后按Enter键：

var api = $('#tree').aciTree('api'),
    leaves = $("#tree .aciTreeLi .aciTreeLeaf"),
    checked = api.checkboxes(leaves, true);

checked.each(function (index, item) {
    var $item = $(item);
    console.log(api.getId($item) + ": " + api.getLabel($item)); 
});

这应该打印所选叶节点的ID和标签。例如：

控制台输出：

3: Audi 
5: Buick
7: Chevrolet
8: Chrysler