对一个对象添加点击事件，想把事件的内容封装到一个函数内怎么做？

Question

    $(".banner li").click(function() {
        var $li = $(this);
        var i = $li.text() - 1;   //0,1,2,3
                                  // if (i >= count) return;
        $(".banner-list i")
                .filter(":visible")
                .fadeOut(400)
                .parent()
                .children()
                .eq(i)
                .fadeIn(400);
        $li.addClass("cur");
        $li.siblings().removeClass("cur");
    }

 想把事件触发后执行的效果封装到一个函数action内，点击后直接调用这个函数，但是this总是搞不明白，封装后的函数action该怎么写呢？这是一个简单的轮播图的效果，意思就是我怎么在action函数内监听我点击的是哪个li标签

Answer 1

一样的，你的函数内的this对象还是指向点击的li对象

  function Action(){
        var $li = $(this);
        var i = $li.text() - 1;   //0,1,2,3
                                  // if (i >= count) return;
        $(".banner-list i")
                .filter(":visible")
                .fadeOut(400)
                .parent()
                .children()
                .eq(i)
                .fadeIn(400);
        $li.addClass("cur");
        $li.siblings().removeClass("cur");
 }
 $(".banner li").click(Action);