如果没有选择

Question

jQuery的添加类我有这样的jQuery脚本，选择（突出部分）和取消选择基于点击该项目的div ...

<script> 
jQuery(document).ready(function($) { 
    $links = $('.property'); 
    $links.click(function(e) { 
     //Get our variables, simply $(this) and the colour 
     var $this = $(this), 
      color = $this.data('col'); 

     //Toggle the active class on this link 
     $this.toggleClass('active'); 

     //Remove .main on all .test's 
     $(".slayout").removeClass("main"); 
     $(".product").addClass("trans"); 
     $(".product").removeClass("main"); 

     //Map the active link's data-col with a dot attributes to an array 
     //Join it up to make a selector 
     var selector = $links.filter('.active').map(function(){ 
      return "."+$(this).data('col'); 
     }).get().join(''); 

     //Add the class back on to matches 
     $(selector).addClass('main'); 

     //Finally, prevent the default action 
     e.preventDefault(); 
    }); 
}); 
</script> 

我怎么能修改此所以，如果没有项目选中一个新的CSS类将应用于所有项目。如果有任何事情被点击，这个类应该被删除。

Answer 1

if (selector.length == 0) 
    // add class to all items 

只需在它之前创建.join（）或$（selector）.length（如果连接完成）。

Answer 2

，如果你有一个或多个$(selector)您可以测试：

var selector = $links.filter('.active').map(function(){ 
    return "."+$(this).data('col'); 
}).get().join(''); 

// remove the class added when there was no item selected 
$('.allitems').removeClass('myclass'); 

if ($(selector).length > 0) { 
    //Add the class back on to matches 
    $(selector).addClass('main'); 
} else { 
    $('.allitems').addClass('myclass'); 
}