jQuery 在each() 和自定义函数方面遇到麻烦

Question

    $(function(){
        $(".test").each(function(){
            test();
        });
    });

     function test(){
        $(this).css("border","1px solid red").append(" checked");
    }

为什么这不起作用？我缺少什么？ 这是我的测试 html:

    <p>test</p>
    <p>test</p>
    <p class="test">test</p>
    <p>test</p>

Answer 1

$(this) 不能以这种方式使用，因为您没有指定 test() 函数的上下文:

$(".test").each(function(){
        test($(this));
});

function test(el){
     el.css("border","1px solid red").append(" checked");
}

或

$(".test").each(function(){
      test.call(this);
});
function test(){
   $(this).css("border","1px solid red").append(" checked");
}