Javascript 访问jQuery中的元素时出现问题，回调未调用

在下面调用的Obj函数中，除了在我将文件加载到form类之后，应该向bar div中的第一个p元素添加类的回调函数不会发生并添加该类之外，其他一切都可以工作

我应该注意，下面应该添加类的html是DOM上的hbs模板

关于这个类为什么不被添加，有什么建议吗

var iterator = 0;
//creates object that gets sent to api
function Obj(name, vale) {
    event.preventDefault(); //prevents pg refresh

    $('.form').load(quest[iterator], function () {
        if (iterator == 0) {
            console.log('c')
            $('.bar p:first-child').addClass('enter');
        }
        else if (iterator >= 2) {
            $('p.enter:last-child').next().addClass('enter');
        };
    });
    //loads next html question to page
    switch (name) {
    case null:
        break;
    case 'state':
        vale = usStates[stateConvert(vale)];
        data[name] = vale;
        break;
        //if its the state, we convert the state name to abbrievation
    default:
        data[name] = vale;
    }
    //move array accessor up to next question
    iterator++;
}

收入

状态
租金

邮政编码

室友

事件

不是全局变量（Internet Explorer中除外），您需要将其作为参数传递给函数。

$（'p.enter:last child'）。next（）

永远不会选择任何内容。如果它是最后一个子元素，那么它后面就不能有下一个元素。你看到控制台中的

c

了吗？我没有看到c，也没有任何p.enters作为开始，因此第一部分将enter类添加到p。然后第二部分是用ENTER classe查找最后一个子p元素，这不是

：last child

的意思。您的选择器将所有

p

元素与

enter

类匹配，该类也是其父级的最后一个子级。

<div class="bar">    
    <p id="income" onclick="redo(0, this.id)">Income</p>
    <p id="state" onclick="redo(1,this.id)">State</p>
    <p id="rent"onclick="redo(2,this.id)">Rent</p>
    <p id="zip" onclick="redo(3,this.id)">Zip Code</p>
    <p id="roommate" onclick="redo(4,this.id)">Room mate</p>
</div>