javascript:通过函数执行jquery代码变量

Question

我不知道好的标题，但这是解释

我有这个链接

<a href="#" class="link" effect="show"> Link1 </a>
<a href="#" class="link" effect="fadeIn"> Link2 </a>
<a href="#" class="link" effect="slideDown"> Link2 </a>

如果点击 .link 我想使用它的效果测量

$('a').hide();
$('.link').click(function(){
     var effect = $(this).attr("effect");
     /* 
       what should i do here  not conditions to make if effect is show show this link
       if its fadeIn   do fade in  etc

      */
})  ;

Answer 1

这应该有效:

var effect = $(this).attr("effect");
$(this)[effect]();

参见 http://jsfiddle.net/sGWr5/