遍歷數組JS中的對象

Question

我將這個腳本放在一起，該腳本從一個包含div #mini_ads中提取兩個子元素，並將它們添加到數組中。 我希望能夠使用數組通過索引選擇它們以進行操作。 他們個別。

我知道即使使用一個數組我也可以選擇它們，但是我想要這個數組，因為我以后可能會添加更多元素。

問題是我無法通過數組中的索引單獨選擇項目。 我現在要執行的當前腳本是選擇和操作數組中的兩個對象，就好像它們都是index [0]。

var miniAds = $('#mini_ads');
var elements = miniAds.children();
var changeWtime;
var adsArr = new Array();
var i = 0;
var x = 0;
adsArr.push(elements);
console.log(adsArr);
adsArr[i].css("display", "none");   
var changeWtime = setInterval(function () {
    for (x; x < 1; x++) {
        return x;
        while (x > i) {
            adsArr[1].css("display", "block");
        }
    };
}, 5000);
console.log(x);
changeWtime;

我不確定我在哪里出問題了。 協助將不勝感激。 提前致謝。

Answer 1

您的代碼有問題

• 將elements推入“ adsArr”時，您正在創建一個雙精度數組：

   adsArr.push(elements); 

• 您在for循環中拋出return語句：

   for (x; x < 1; x++ ){ return x; // ... 

• 您有沒有理由雙環while內部for 。

解

我打算口頭解釋該解決方案，但是在編寫示例后，我意識到有太多需要解釋的解決方案與您的解決方案類似：

var miniAds = $('#mini_ads'),
    elements = miniAds.children(),
    i = 2,
    x = 0;

elements.hide();

var changeWtime = setInterval(function () {
  if ( x < i ) {
      $(elements[x]).show();
  }

  x++;
}, 5000);

鏈接到jsbin上的示例 。

Answer 2

嗨，您應該按以下功能執行子div操作，然后我相信您可以執行您的任務...

var adsArr= [];

$('#mini_ads').children().each(
    function(i){
        adsArr.push(this);
    });

Answer 3

在純Javascript中使用.styles（）

.css（）是一種JQuery方法，但不是Javascript

參考http://www.w3schools.com/js/js_htmldom_css.asp