Не могу понять в чем проблема скрипта?

Question

[Sergey750il]

Делаю выборку из блока:

<div id="ofices">
<div class="ofice">
	<div class="ofice_number"><a href="#">201</a>
	</div>
	<div class="ofice_status">Свободен</div>
</div>
<div class="ofice">
	<div class="ofice_number"><a href="#">212</a>
	</div>
	<div class="ofice_status">ывывыв</div>
</div>
<div class="ofice">
	<div class="ofice_number"><a href="#">218</a>
	</div>
	<div class="ofice_status">Свободен</div>
</div>
<div class="ofice">
	<div class="ofice_number"><a href="sds">219</a>
	</div>
	<div class="ofice_status">ывывы</div>
</div>
<div class="ofice">
	<div class="ofice_number"><a href="sd">202</a>
	</div>
	<div class="ofice_status">Свободен</div>
</div>
<div class="ofice">
	<div class="ofice_number"><a href="sdd">215</a>
	</div>
	<div class="ofice_status"></div>
</div>
<div class="ofice">
	<div class="ofice_number"><a href="#">205</a>
	</div>
	<div class="ofice_status"></div>
</div>
<div class="ofice">
	<div class="ofice_number"><a href="#">204</a>
	</div>
	<div class="ofice_status"></div>
</div>
<div class="ofice">
	<div class="ofice_number"><a href="#">214</a>
	</div>
	<div class="ofice_status"></div>
</div>
<div class="ofice">
	<div class="ofice_number"><a href="#">213</a>
	</div>
	<div class="ofice_status"></div>
</div>
<div class="ofice">
	<div class="ofice_number">
	</div>
	<div class="ofice_status"></div>
</div>
<div class="ofice">
	<div class="ofice_number"><a href="#">216</a>
	</div>
	<div class="ofice_status"></div>
</div>
<div class="ofice">
	<div class="ofice_number"><a href="#">203</a>
	</div>
	<div class="ofice_status"></div>
</div>
	
	</div>

var number = $('.ofice .ofice_status').map(function() {
        return $(this).html();
    });
    


 for (var p = 0, len = number.length; p <= len; p++) {
      
      if(number[p]=='Свободен'){
       var number_js = $('.ofice:eq('+p+')>.ofice_number>a').map(function() {
        return $(this).html();

    });
       alert(number_js[p])
      } 
    };

Задача в том, что если у блока ofice_status содержимое "Свободен" то нужно загнать в массив значение ofice_number того же родительского блока. Почему то в первый проход цикла выход через алерт 201 как положено, но в последующие два undefined.

Answer 1

[Владлен Грачев]

Вы каждый раз перезаписываете содержимое number_js, куда падает обработанный jQuery-объект. А обращаетесь так, словно используете его как массив, и объект туда добавляете. Полагаю, планировалось что-то вроде этого.

Comments

[Sergey750il]

Заработало отлично. Только теперь не могу понять как добавить дополнительные условия к содержимому массива. Допустим если в результате цифра 201 то одно условие, 218 другое итд. Пробовал добавлять еще условия, но результата не дало.
if (number[t] == '201') {
path_ag.attr('fill', 'green');
} else if (number[t] == '212') {
path_ah.attr('fill', 'green');
} else if (number[t] == '218') {
path_aj.attr('fill', 'green');

[Владлен Грачев]

Sergey750il, немного я наврал и накосячил в первой версии скрипта, только сейчас заметил. Исправил ссылку. Сравнивать number_js[p] внутри цикла можно, должно давать нормальный результат.

[Sergey750il]

Спасибо. Все заработало. Только не могли бы пояснить для, чего в конце поставили индекс [0]. Я не так силен в JS, но хочу понять как все работает.

[Владлен Грачев]

Sergey750il, $() возвращает массив, даже если элемент всего один найден. Поэтому, чтоб потом не обращаться к number_js[p][0], я добавлял в number_js[p] нулевой элемент массива.