Jquery 检查元素样式并添加类
为什么这不起作用?我正在尝试添加一个clas,这样我就可以在默认的Magento CMS图像样式中添加填充-非常感谢。忽略j-它必须在那里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'
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');
}
}
);