Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 检查元素样式并添加类_Jquery_Magento_If Statement_Element_Addclass - Fatal编程技术网

Jquery 检查元素样式并添加类

Jquery 检查元素样式并添加类,jquery,magento,if-statement,element,addclass,Jquery,Magento,If Statement,Element,Addclass,为什么这不起作用?我正在尝试添加一个clas,这样我就可以在默认的Magento CMS图像样式中添加填充-非常感谢。忽略j-它必须在那里 if ($j('.cms-page-view .std img').css('float') == 'left') { $j('.cms-page-view .std img').addClass('img-left'); } else if ($j('.cms-page-view .std img'

为什么这不起作用?我正在尝试添加一个clas,这样我就可以在默认的Magento CMS图像样式中添加填充-非常感谢。忽略j-它必须在那里

if ($j('.cms-page-view .std img').css('float') == 'left') {
            $j('.cms-page-view .std img').addClass('img-left');
        } 
        else if ($j('.cms-page-view .std img').css('float') == 'right') {
            $j('.cms-page-view .std img').addClass('img-right');
        }
        else {
            $j('.cms-page-view .std img').addClass('img-normal');
        }
您应该在每个元素上下文中使用添加类

$j('.cms-page-view .std img').each(function(){
    var elem = $(this); //Here this refers to element in an iteration
    if (elem.css('float') == 'left') {
        elem.addClass('img-left');
    } 
    else if (elem.css('float') == 'right') {
        elem.addClass('img-right');
    }
    else {
        elem.addClass('img-normal');
    }
})
您应该在每个元素上下文中使用添加类

$j('.cms-page-view .std img').each(function(){
    var elem = $(this); //Here this refers to element in an iteration
    if (elem.css('float') == 'left') {
        elem.addClass('img-left');
    } 
    else if (elem.css('float') == 'right') {
        elem.addClass('img-right');
    }
    else {
        elem.addClass('img-normal');
    }
})

正如Satpal所说,您应该使用for each循环遍历每个元素,因为类选择器将返回元素列表

$j('.cms-page-view .std img').forEach(function(item){

  if ($j(item).css('float') == 'left') {
        $j(item).addClass('img-left');
    } 
    else if (item).css('float') == 'right') {
        $j(item).addClass('img-right');
    }
    else {
        $j(item).addClass('img-normal');
    }
}
);

正如Satpal所说,您应该使用for each循环遍历每个元素,因为类选择器将返回元素列表

$j('.cms-page-view .std img').forEach(function(item){

  if ($j(item).css('float') == 'left') {
        $j(item).addClass('img-left');
    } 
    else if (item).css('float') == 'right') {
        $j(item).addClass('img-right');
    }
    else {
        $j(item).addClass('img-normal');
    }
}
);