Question

我一直在编辑JQuery插件“机场”并遇到了问题;

我希望div在代码中提到的点清除，但是当我使用$（self）.empty（）;代码停止了。（在代码中间）。

这是我的代码：

function($){ 
 $.fn.extend({  
     airport: function(array) {

        var self = $(this);
        var chars = ['a','b','c','d','e','f','g',' ','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','-'];
        var longest = 0;
        var items = items2 = array.length;

        function pad(a,b) { return a + new Array(b - a.length + 1).join(' '); }

        $(this).empty();

        while(items--)
            if(array[items].length > longest) longest = array[items].length;

        spans = longest;
        while(spans--)
            $(this).prepend("<span class='c" + spans + "'></span>");    


        function testChar(a,b,c,d){
            if(c >= array.length)
                setTimeout(function() { testChar(0,0,0,0); }, 500);             
            else if(d >= array[c].length)
                //Div should be cleared here...
                setTimeout(function() { testChar(0,0,c+1,0); }, 500);
            else {
                $(self).find('.c'+a).html((chars[b]==" ")?"&nbsp;":chars[b]);
                setTimeout(function() {
                    if(b > chars.length)
                        testChar(a+1,0,c,d+1);
                    else if(chars[b] != array[c].substring(d,d+1).toLowerCase())
                        testChar(a,b+1,c,d);
                    else
                        testChar(a+1,0,c,d+1);
                }, 20);
            }
        }
        testChar(0,0,0,0);
    } 
});

}）（jQuery的）;

请告诉我如何清除所有内容的div。提前谢谢！

Answer 1

self已经是jQuery对象，不要将其包装在$()中，那么它应该可以正常工作。

Jquery插件问题

1 个答案: