仅将像素添加到某些div

Question

我有一个我一直在开发的游戏，我需要帮助为所有对象添加55像素。我通过以下代码使用它们周围的类来计算它：

$('div.outline *').css("width", "+=55px");

但我刚刚意识到这会搞砸，因为我在margin-left: 0px;有一些div

问题是：

如何循环遍历该类中的所有div，而不是将55px添加到不在margin-left: 0px;

的那些div中

非常感谢！

Answer 1

我建议不要使用直接CSS。而是创建一些类：

.margin-left-zero { left-margin: 0 };

然后它就像：

一样简单

$('div.outline *:not(.margin-left-zero)').css("width", "+=55px");

Answer 2

尝试 jQuery .filter() 功能：

$( 'div.outline *' ).filter( function( i, e ) {
    return parseInt( $( e ).css( 'margin-left' ), 10 ) > 0;
} ).css( 'width', '+=55px' );