jQuery插件，循环遍历对象内的所有对象

Question

我正在为家庭作业建立一个jQuery插件。我将一个对象插入到我的插件中，作为参数。

基本上，它看起来像这样：

$('elem').pluginName({
    structure: {
        firstButton: "home.html"
        secondButton: {
            "Submenu 1": "submenu1.html",
            "Submenu 2": "submenu2.html"
        }
        thirdButton: {
            "Submenu 1": {
                "Subsubmenu 1": "subsub1.html"
            }
        }
    }
});

我希望用户能够输入任何可能的结构，所以我希望能够无限循环进入structure对象。我不知道该怎么做，我希望有人可以帮助我。

Answer 1

您应该使用jQuery的$.each()方法。它将遍历对象的属性。 从链接：

  

对象通过其命名属性进行迭代。

所以你会做这样的事情：

$.each(structure, function(index, property){
    //do stuff here...
});

希望有所帮助！