jquery - 如何编写 jQuery 选择器来匹配 id 以相同字符串开头的两个元素

Question

我有 2 个加载器图像，元素 ID 为 loader1 和 loader2。我通过以下方式绑定(bind)到第一个:

$('#loader1')
    .hide()  // hide it initially
    .ajaxStart(function() {
        $(this).show();
    })
    .ajaxStop(function() {
        $(this).hide();
    })
;

如何将相同的代码绑定(bind)到 loader2 而无需重复整个过程？

Answer 1

这应该对您有帮助:

$('div[id^=loader]')
    .hide()  // hide it initially
    .ajaxStart(function() {
        $(this).show();
    })
    .ajaxStop(function() {
        $(this).hide();
    })

我使用了 div，但您可以使用每个 html 标签:p、span、b 等。

您必须使用^=选择器，其中^=表示以...开头。更多信息可以在这里找到:http://api.jquery.com/attribute-starts-with-selector/ 。 此处列出了所有选择器:http://api.jquery.com/category/selectors/