簡單的jQuery插件 - 引用錯誤？

Question

我正在寫簡單的jQuery插件，它應該搜索頁面上的所有.camp_row，並且在它找到.log.active時，它應該更改其邊框。

$.fn.filtruj = function(){ 
    $(this).on('click', function(){ 
     var that = $(this); 
     $('.camp_row').each(function(){ 
      $(this).find(that).css('border','10px solid orange'); 
     }); 
    }) 
} 

$('.log.active').filtruj(); 

問題是，它只有一個結果。我認爲那是因爲「那個」是指特定的.log.active'，但並非全部是.log.active。

Answer 1

如果我理解這個問題，你應該在構造函數中通過選擇，然後：

$.fn.filtruj = function(selector){ 

    $(this).on('click', function(){ 
    var that = $(this); 

    $('.camp_row').each(function(){ 
     $(this).find(selector).css('border','10px solid orange'); 
    }); 
    }) 
} 

$('.log.active').filtruj('.log.active');