jQuery 发现 "selector"

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
    });
};

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

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

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

See an example .