jquery - 在事件处理程序中获取选择器

Question

我回答了this question使用以下 jQuery 代码:

$('input[type="checkbox"][name$="chkSelect"]').click(function() {
  $('input[type="checkbox"][name$="chkSelect"]').not(this).prop("checked", false);
});

...这让我思考:必须有一种方法可以避免在事件处理程序中重复选择器。

我尝试了 $(this).selector 但它只返回一个空字符串。 Here's a demo .

有没有办法在事件处理程序中获取选择器文本？

Answer 1

$(this).selector 不起作用，因为您创建了一个 new jQuery 对象并传递了 DOM 元素，而不是选择器。

如果您只想避免重复选择器，您可以预先缓存元素(无论如何这更好):

var $elements = $('input[type="checkbox"][name$="chkSelect"]');
$elements.click(function() {
    $elements.not(this).prop("checked", false);
});

但我认为没有办法让选择器位于事件处理程序中。您对所选元素的唯一引用是相应的 DOM 元素(通过 this)。但你不能从中“逆向工程”选择器。