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() {});里面就可以了。