jquery - 根据样式属性添加类

Question

如果元素向左或向右浮动，我使用的 CMS 似乎不会应用类名。我希望不必弄乱 TinyMCE 代码，而是使用 jQuery 来完成。

现在，当我将图像左对齐或右对齐时，它会添加与图像内联的样式，如下所示:

<img src="image.jpg" style="float:left">

我希望对于那些应用了该样式的元素，我可以添加一个类名“alignleft”。我试过这个，但它不起作用:

$( 'a[ style=' + 'float: left;' + ']' ).addClass( 'alignleft' );

想法？

Answer 1

我建议选择可能是float: left 的元素，然后过滤以找到那些是 的元素，并添加 的类名alignleft 到那些:

$('a, img').filter(function(){
    return this.style.float === 'left';
}).addClass('alignleft');

这种方法避免了 style 属性必须开始并且完全 style="float"的要求: left;"，包括精确的空白。

当然，这种方法确实需要在内联style属性中分配float: left；如果有可能在样式表中分配它，无论是在页面外部还是在页面的 head 中，那么您必须使用 jQuery 的 css() 方法(它可以调用 getComputedStyle() 或 currentStyle() 来解析这些样式表(除非你想自己这样做)，导致:

$('a, img').filter(function(){
    return $(this).css('float') === 'left';
}).addClass('alignleft');

引用资料:

• addClass() .
• css() .
• filter() .