アイコン付きのjQueryボタン、これを書き換えるための良い方法があります

Question

コードを書き直す方法が改善されましたか？私はそれらのボタンのそれぞれに異なるアイコンを持っています。

$("#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 } }); 
});