如何將jQuery擴展應用於html文檔中的某些元素

Question

我正在使用jQuery擴展來搜索找到的下拉列表here。它工作的很好，但我只想將它應用到我的頁面上的一些元素，而不是所有元素。有沒有辦法選擇它會修改的選擇？

這是我如何使用腳本。我認爲答案與修改該功能有關，但我無法讓它工作。

$(document).ready(function() { 
     $("select").searchable(); 
    }); 

Answer 1

如何使用一個類？

<select class="searchable"><!-- content --></select> 

，比JS：

$(document).ready(function() { 
    $("select.searchable").searchable(); 
}); 

如果需要的話，你甚至可以反轉的行爲（但我不建議）：

$(document).ready(function() { 
    // only select those without the searchable class 
    $("select:not(.searchable)").searchable(); 
}); 

Answer 2

您需要更具體的選擇器。 $("select")將獲得全部<select>標籤。使用和id或類更具體：

$('#search').searchable(); 

更多信息，請參見jQuery selectors documentation。

Answer 3

您還可以指定只使用選擇某個div中的元素：$('#div select').searchable();