jQuery函数链

Question

我有这样的html

<div class='mydiv expanded' id='1'>aaa</div>
<div class='mydiv ' id='2'>bbb</div>
<div class='mydiv ' id='3'>ccc</div>
<div class='mydiv ' id='4'>ddd</div>

还有两个功能：

function collapse(){
$(document).find('.expanded').removeClass('expanded')
}

function expand(itemid){
$(document).find('.mydiv[id="'+itemid+'"]').addClass('expanded');
}

从我调用的其他函数

collapse() //我想删除所有“扩展”的类

expand(3) //我想将“扩展”类添加到 id 为 3 的元素

我怎样才能一个接一个地调用这些函数 - 先折叠，然后展开。

我看过 defered 和 $.when.then 方法，但据我了解，它们可以与 ajax 调用一起使用...

Answer 1

JavaScript 是逐行解释和执行的。只需按照您希望它们发生的顺序调用您的方法即可。

在处理 DOM 或 AJAX 等事件时需要 $.when.then。