Jquery关于$.fn.extend的问题 ?

Question

比如一个简单的小插件(function($){$.fn.AlertSelf = function(){this.click(function(){alert($(this).html())});}})(jQuery)在页面加载完后给某些元素绑定上<ul id="OnlyUl"><li>aaa</li><li>bbb</li><li>ccc</li></ul>$("#OnlyUl li").AlertSelf();这样之后点击aaa,bbb,ccc后都alert的是aaa 我本来是想点aaa就弹aaa , 点bbb就弹bbb的大家能说说我哪块弄错了么? 那个click事件我用.bind("click")也不行

Answer 1

(function($){
$.fn.AlertSelf = function(){
$(this).click(function(){alert($(this).html())});
}
})(jQuery)
这样试试！

Answer 2

(function($){
$.fn.AlertSelf = function(){
$(this).each(clickli);
function clickli(){
$(this).click(function(){alert($(this).html())});

}
}
})(jQuery)

Answer 3

$("#OnlyUl li").AlertSelf();
写在
$(document).ready(function() {

});

里面就可以了。