jQuery中的nextAll()方法可用于選取當前元素之后的所有同輩元素,而其中的removeClass()方法則可以用于移除元素上的指定CSS類。在實際開發中,經常會有需要同時完成這兩個操作的情況,這時可使用nextAll().removeClass()的組合,或者直接使用nextAll('.xxx').removeClass('yyy')的語法。
// 選取id為current的元素之后的所有同輩元素,并移除它們上的active類 $('#current').nextAll().removeClass('active');
此外,nextAll()方法還支持接受選擇器參數,因此我們可以根據具體需求來選取下一組匹配元素。若我們只需要移除指定元素之后的某個子級元素上的某個類,也可以使用nextUntil()方法先選取指定元素之后的相關元素,再使用find()方法選取其子級元素,最后再使用removeClass()方法來實現:
// 選取id為current的元素到id為stop后的所有同輩元素,再找到其內部的a元素,并移除它們上的highlight類 $('#current').nextUntil('#stop').find('a').removeClass('highlight');