帶圖標的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 } }); 
});