我想用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中.

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