Question

将这一段JavaScript代码改写成JQuery怎么写？

var aModuleLis = document.getElementById('moduleAera').getElementsByTagName('li');
var aModuleBtns = document.getElementById('modulebtn').getElementsByTagName('img');
var i = 0;
for(i=0;i<aModuleBtns.length;i++)
{
aModuleBtns[i].index=i;
aModuleBtns[i].onclick = function()
{
aModuleLis[this.index].style.display='block';
};
}

Answer 1

var aModuleLis = $("#moduleAera li");
var aModuleBtns = $("#modulebtn img");
aModuleBtns.each(function(i){
    $(this).index = i;
    $(this).click(function()
    {
    	aModuleLis.eq(i).css("display", "block");
    });
});

Answer 2

$(document).ready(function(){

$("#modulebtn img").click(function(){
var currentIndex = $this.index();

$("#moduleAera li:eq("+currentIndex+")").show();
});

});

Answer 3

$("img#modulebtn").each(function(i,n){
    $(this).attr('index',i);
    $(this).bind('click',function(){
        $("img#modulebtn").show();
});
})