带图标的jQuery按钮，是否有更好的方法来重写它

Question

是否有更好的简短方法来重写代码。我有10个按钮，每个按钮都有不同的图标。

$("#Text").button({
    icons: {
        primary: "ui-icon-locked"
    }
});

$("#Text1").button({
    icons: {
        primary: "ui-icon-gear"
    }
});

$("#Text2").button({
    icons: {
        primary: "ui-icon-comment"
    }
});

Answer 1

您可以为图标类映射对象创建一个id，然后迭代它：

var mapping = {
    "Text" : "ui-icon-locked",
    "Text1" : "ui-icon-gear",
    "Text2" : "ui-icon-comment"
};

$.each(mapping, function(id, icon) {
    $('#' + id).button({ icons : { primary : icon } });
});