Javascript TypeError:追加时b未定义

在这个网站上看到一些类似的问题后，我知道我在引用这些问题时遇到了问题，但在我的上下文中无法解决这个问题。 任何人都可以帮我解决这个问题，我如何引用splitInput的值，因为当我用splitInput替换它时，它会给出错误，因为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();
        }
    });

如果调用styleBox而不设置此引用，则需要执行以下操作

---

而不是在样式框中显示邀请电子邮件

标题与您的问题有什么关系？请正确缩进您的代码并发布a当我运行此代码时，我在浏览器控制台中收到错误您发布的代码没有bvariable@j08691通常jQuery缩小后抛出这样的errors@Justinas可能地我仍然希望OP发布一条消息，嘿，它仍然没有按预期工作，它没有将css属性应用为背景色：红色，尽管错误现在已经消失了

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