TypeError：追加時にbが定義されていません

Question

thisに参照値の問題がありますが、このサイトでいくつかの類似の質問がありましたが、これを私の文脈で解決することはできません。 いずれかが、私はsplitInputでthisを交換するときsplitInputがここに機能 ないだけでjsの

<script type="text/javascript"> 
    function styleBox(){ 
     var userInput= document.getElementById('invite-emails').value; 
     var splitInput=userInput.split(","); 

     for(var i=0; i< splitInput.length; i++) { 
      $(this).append("<span style='background-color:red'>"+splitInput[i]+((i< splitInput.length-1) ? ",":"")+"</span>"); 
     } 
    }; 

    $(function(){ 
     $(".team-btn").click(function(e) { 
      $('.team-intro').replaceWith($(".team-invite").show()); 
     }); 
    }); 
    $("#invite-emails").keypress(function(e){ 
     if(e.which == 32) { 
      styleBox(); 
     } 
    }); 

の私のコードスニペットであるとして、それはエラーを与えているとして、私は thisに splitInputの値を参照しないか、私はこの問題を解決するのに役立つ可能性があり

Answer 1

あなたがなり、あなたはstyleBoxthis内部よりもstyleBox.apply(this)

$("#invite-emails").keypress(function(e){ 
    if(e.which == 32) { 
     styleBox.apply(this); 
    } 
}); 

を行う必要がありthis参照を設定せずにstyleBoxを呼び出します表示するには#invite-emails