Question

我试图让this指向对象方法内部函数内的每个img，就像这样

var responsiveImageSwap = (function(){
    return {
        init : function(){
            $.each('img', function(){
                var width     = $(window).width(),
                    _this     = this, 
                    alert(_this.attr('src'))
            })
        }
    }
})();
responsiveImageSwap.init();

但它引用了object而不是img，我该如何引用图片？

Answer 1

$.each用于循环集合。你正在做的是循环字符串'img'中的字母。

您想使用.each;这是针对jQuery对象的。

$('img').each(function(){
    var width = $(window).width(),
        // this is a DOM element, we need to make it a jQuery object
        _this = $(this), 
     alert(_this.attr('src'))
});

Answer 2

此？

return {
    init: function () {
        var vw = $(window).width(); // viewport width

        $('img').each(function () {
            var $img = $(this);

            // Do stuff with $img, e.g. retrieve $img.attr('src')
        });
    }
};

在$ .each里面的对象方法中使用“this”

2 个答案: