带图标的 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 } });
});