使用OR條件組合的屬性選擇

Question

我問這個問題早得到它解決： AND selector jQuery

但現在我想知道我怎麼能添加OR條件吧。

我有這樣的說法：

$('div.job:not([data-province="'+province+'"][data-employment="'+employment+'"][data-education="'+education+'"][data-branch="'+branch+'"])').fadeOut('slow'); 

現在我想淡出出來，如果例如數據的省份=「‘+省+’」或數據省內=「」（這樣空）。

Jsbin： http://jsbin.com/qomub/14/edit

Answer 1

嘗試filter()與multiple selector

$('div.job').filter('[data-province="' + province + '"], [data-province=""]').fadeOut('slow'); 

---

基於更新

$(document).ready(function() { 
    var $jobs = $('.job'); 
    var $selects = $("#province, #employment, #education, #branch").on("change", function() { 
     var $filtered = $jobs; 

     $selects.each(function() { 
      if (this.value) { 
       $filtered = $filtered.filter('[data-' + this.id + '="' + this.value + '"], [data-' + this.id + '=""]'); 
      } 
     }); 
     $filtered.show(); 
     $jobs.not($filtered).hide(); 
    }); 
}); 

演示：Fiddle