jquery - jquery中的可重用函数，如何传递调用项的值/id？

Question

我有大约 3 项的 list 。我想创建一个 jquery 函数，每当单击这些列表项之一时就会触发该函数。然后，该函数应该能够使用 html 列表项的值或属性执行某些操作。因此，在下面的代码中，当我单击按钮 2 时，我会收到一个显示值 2 的警报框。

<ul>
 <li class="myclick" id="1">Test Me</li>
 <li class="myclick" id="2">Test Me 2</li>
 <li class="myclick" id="3">Test Me 3</li>

 $.fn.myFunction = (function() {
          alert(this.id);
          });         
 $(function () {
       $(".myclick").click(function(){
                $().myfunction("Test");
      });

我知道这是一个非常基本的问题，但我对 Jquery 还很陌生，正在尝试自学。

TIA

Answer 1

jsBin demo

// PLUGIN method
$.fn.myFunction = (function() {
   this.click(function(){
          alert(this.id);
   });
});   

$(function(){  // DOM READY
  
    $(".myclick").myFunction(); // BIND PLUGIN TO .myclick elements

});

P.S，如果有一天你害怕在某处看到 prototype 的使用，...现在就尝试一下，而不是 fn 使用 prototype:D

您还可以使用命名函数:

function alertID() {
   alert(this.id);
}   

$(function(){
  
    $(".myclick").click( alertID );

});