迭代jquery對象返回字符串而不是dom元素

Question

我有以下循環：

for(var myScreen in wizardScreens){
    if(step==index)$(myScreen).show();
    else $(myScreen).hide();
    index++;
}

wizardScreens定義為$(".wizardScreen", wizard); ，其中wizard是一個DOM元素。 在循環中， myScreen設置為字符串，而不是DOM元素。 任何人都可以解釋為什么會這樣嗎？

Answer 1

jQuery集合已經有了內置的迭代函數：

wizardscreens.each(function (index, screen) {
  if (index == step)
    $(screen).show();
  else
    $(screen).hide();
}

或者甚至可能更適合您的使用：

var activescreen = wizardscreens.eq(step);
activescreen.show();
wizardscreens.not( activescreen[0] ).hide();

這完全避免了顯式迭代。

Answer 2

一般來說，答案是.each ，但它會為每個DOM元素調用一個函數，這比使用jQuery函數一樣，這個函數一次操作jQuery對象中的所有節點，所以最好盡可能避免它。 在這種情況下，它絕對是可能的：

wizardScreens.hide().eq(step).show();