javascript - jquery ui动态图标

Question

我有一组按钮，我试图代替为它们设置单独的图标，而是使用属性和一体式功能来设置它们的图标。这是我的按钮示例：

<button title="New Project" id="New" class="Nx button" type="document"></button>

这是我想要实现的目标：

$('.button').button({
   icons: { primary:'ui-icon-'+$(this).attr("type") },
   text:false
});

但它不起作用。所以我非常想对元素的“类型”属性有一个内部引用，以便能够设置图标

Answer 1

这是我将如何进行的演示。我还提供了下面的代码。需要帮助请叫我。

代码：

$(document).ready(function(){
    $("button").each(function(index,element){
       $(element).button({
            icons: {
                primary: "ui-icon-" + $(this).attr('type')
            },
                text:false
            })
    });
});

演示：http: //jsfiddle.net/sZdd8/11/