Как бы получить ключевое слово 'this' в параметре setTimeout?

Question

У меня есть следующий код для того, чтобы каждый из .feedcontain div исчезал после увеличения задержки. Анимация и форматирование прекрасны, просто я не могу иметь ключевое слово this в первом параметре setTimeout().

function goFadeNow(){ 
    var loopdelay=250; 
    $(".feedcontain").each(function() { 
     setTimeout('$('+this+').addClass("appeared");',loopdelay); 
     //$(this).addClass("appeared"); 
     loopdelay=loopdelay+250; 
    }); 
} 

Если я раскомментирую строку 5 и строку комментария 4, она работает, но у нее нет задержки. PS: Я понимаю, что не могу просто использовать this как обычную переменную.

Answer 1

function goFadeNow(){ 
    var loopdelay=250; 
    $(".feedcontain").each(function() { 
     var $this = $(this); 
     setTimeout(function() { 
      $this.addClass("appeared"); 
     }, loopdelay); 
     loopdelay=loopdelay+250; 
    }); 
} 

Answer 2

Вы также можете bind() функция, которую вы передаете в this указатель:

function timeoutFunc() { 
    $(this).addClass("appeared"); 
} 

function goFadeNow(){ 
    var loopdelay=250; 

    $(".feedcontain").each(function() { 
    setTimeout(timeoutFunc.bind(this), loopdelay); 
    loopdelay=loopdelay+250; 
    }); 
}