Question

请使用以下javascript通过点击建议我如何使用（+和 - ）进行展开和折叠。因此，如果我点击笔它会扩大并再次点击笔它将崩溃。所有这些都需要使用JavaScript而不是Jquery来完成。

查看我的Fiddle。

var dataSource = ({
        "Pen": ({
            "Cello": ({
                "C1": ({}),
                "C2": ({})
            }),
                "Parker": ({
                "P1": ({}),
                "P2": ({})
            })
        })
    }),
        traverseObject = function (obj) {
            var ul = document.createElement("ul"),
                li;
            for (var prop in obj) {
                li = document.createElement("li");
                li.appendChild(document.createTextNode(prop));
                if (typeof obj\[prop\] == "object" && Object.keys(obj\[prop\]).length) {
                    li.appendChild(traverseObject(obj\[prop\]));
                }
                ul.appendChild(li);
            }
            return ul;
        };


    window.onload = function () {
        document.getElementById("list").appendChild(traverseObject(dataSource));
    }

Answer 1

使用peudo代码中的jquery $(button-element).click (function (){ $ (element-to-collapse).toggle (); });

编辑：我目前与Android所以客户端和我保存消息后我丢失了换行符和缩进

用简单的javascript转换它

see here

如何通过单击Javascript使可扩展和可折叠

1 个答案: