jQuery -循环贯穿样式

Question

我有一个绑定到click的div事件

bind('click', function() {
var styles = $(this).attr('style').split(';');
$.each(styles, function(i) {
    var style = this.split(':');
    alert(style[0]);
    if(style[0] == 'font-size'){
        $('#controls #font-size option[value="'+style[1]+'"]').attr('selected', true);
    } else if(style[0] == 'color'){
        $('#controls #color option[value="'+style[1]+'"]').attr('selected', true);
    } else if(style[0] == 'text-align'){
        $('#controls #text-align option[value="'+style[1]+'"]').attr('selected', true);
    }
});

alert()将提醒样式(字体大小、颜色、宽度等)，但当涉及到if语句时，它不会进入该代码。

有什么建议吗？

Answer 1

在您的风格之间可能有空白，如果要通过以下条件，请尝试一下：

$.trim(style[0]) == 'font-size'