javascript - 有条件取决于风格

Question

我正在尝试让条件语句起作用，该条件语句仅在某些元素具有特定的内联 css 样式时才运行。

http://jsfiddle.net/zGg7Z/HTML

<div>
    <div class="box">1</div>
    <div class="box">2</div>
    <div class="box">3</div>
    <div class="box">4</div>
</div>

JS

$(function(){

    if ( $('.box').filter( function(){
        return $(this).css('opacity') !== "0.4";
    }) )  {
        $('.box').on('click', function(){
            $(this).siblings('.box').css("opacity", "0.4")
        });
    }

})

因此，当单击某个框时，其同级框会淡出至 opacity: 0.4;，但只要任何框具有该不透明度，我就不希望再次运行淡入淡出函数。谢谢。

Answer 1

虽然完全可以使用 jquery 创建自定义过滤器并测试其中的不透明度 css 属性，但我强烈建议更改您的设计并创建新的 css 类，例如

 .glass { 
    opacity: 0.4;
 }

并应用此类而不是内联属性或与其一起应用。

然后

selector.filter('.glass')

从您拥有的所有元素中过滤元素子集。

否则，使用具有以下功能的过滤器:

 $( "div" ).filter(function( index ) {
     return $( this ).css('opacity') == "0.4";
 })