javascript - jQuery - 遍历样式

Question

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

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'