javascript - 如何将 jQuery 扩展仅应用于 html 文档中的某些元素

Question

我正在使用 jQuery 扩展来查找此处的可搜索下拉菜单。它工作得很好，但我只想将它应用于我页面上的一些元素，而不是所有元素。有没有办法选择它将修改哪些选择？

这就是我使用脚本的方式。我认为答案与修改该功能有关，但我无法让它工作。

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

Answer 1

您需要一个更具体的选择器。$("select")将获得所有<select>标签。使用 and id 或 class 更具体：

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

有关更多信息，请参阅jQuery 选择器文档。

Answer 2

使用类怎么样？

<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 3

您还可以指定仅在某个 div 中使用选择元素：$('#div select').searchable();