jQuery 查找“选择器”

Question

以下是我的代码

HTML ：

<div id = "content" >
  <div class = "child" >Hello !! </div>
</div>

Javascript ：

$(function() {
  $('#content .child').click(function() {
          //print the selected jQuery parameters
  });
});

我需要捕获传递给上面代码中的 jQuery 函数的参数， 我想将输出打印为 #content .child。

谢谢 ！！

Answer 1

为提供此功能的单击、焦点等事件编写您自己的包装器。编写这样的包装器相当简单。这是一种方法：

jQuery.fn.addClick = function(fn) {
    var selector = this.selector; // capture the selector here
    this.click(function(event) { // write a wrapper for the click handler
        fn(event, selector); // call the user's handler and pass it the selector
    });
};

您的事件处理函数现在获取两个参数而不是一个。第一个是事件，第二个是用于绑定此事件的选择器。

$("#content .child").addClick(function(e, selector) {
    alert(selector); // "#content .child"
});

用闭包包装它的优点是，您可以将多个单击事件绑定到具有不同选择器的同一元素，并且它们将一起工作。

查看示例。

Answer 2

通常您会使用selector，但在这种情况下，this 没有选择器。您可以使用：

var div = $('#content .child');
div.click(function() {
    alert(div.selector);
});

当然，这将为每个子项显示相同的选择器，但并不是那么有用（也许是调试）。请注意，您可以更简单：

var selector = '#content .child';
$(selector).click(function() {
    alert(selector);
});

工作示例： http://jsfiddle.net/cmuTv/

Answer 3

除了科比的回答之外，这通常是不可能的。这有点像问“给定以下循环，我如何再次获取原始数组？”

var array = [1, 2, 3, 4, 5];
for (i = 0; i < array.length; i++) {
    var a = array[i];
    alert( /* how do I get the original array given only 'a'? */ );
}

很明显，在这种情况下，您无法仅通过 a 获取原始数组。但可能不清楚的是，您的情况也是如此。

这是因为对 .click() 的调用本质上变成了对 .each() 的调用，而这基本上只是一个 for 循环每个匹配的元素。当您查看该集合中的单个元素时，无法再次获取原始集合。