如果使用Jquery存在style属性,如何添加类

Question

基本上,如果图像具有style ="float:left"属性,我想添加一个"img-left"类,如果style ="float:right",我想添加"img-right" 我的HTML看起来像这样:

<img class="content-img" style="float: left;" src="/images/my-img.jpg">

我希望它看起来像这样:

<img class="content-img img-left" style="float: left;" src="/images/my-img.jpg">

这就是我尝试过的:

if ($('.content-img').css('float' == 'left')) {
    $(this).addClass('img-left');
}
else {
    $(this).addClass('img-right');
}

这会产生JS错误,但我无法理清原因.任何帮助将不胜感激.

谢谢,沃恩

Answer 1

我建议将其简化为以下内容:

$('.content-img').addClass(
    function(){
        var floated = $(this).css('float');
        return floated ? 'img-' + floated : '';
    });

这将检索float属性,如果已设置(具有真值),则返回img-与floated变量值连接的字符串.