Как сделать такую выборку?

Question

[Sergey750il]

Доброго времени суток. Встала задача сделать выборку первого блока с классом .ofice_status в блоке ofice. Пробовал несколько вариантов, но во всех вариантах происходит выборка только в первом блоке .ofice

<div class="ofice data_103">
<div class="ofice_number"><div>Офис </div><strong>103</strong><hr></div><div>.............................</div>
<div class="ofice_status"><em>Типография ООО "КрафтПепер"</em></div>
<div class="ofice_status"><a href="http://xxxxx.ru/" target="_blank">xxxx.ru</a></div>
<div class="ofice_status">[e-mail]</div>
<div class="ofice_status">8 [phone]</div>
<div class="are-us">
<div class="are">

<strong>Площадь</strong>
<div class="are-value">24 кв.м.</div>
</div>
</div>
<div class="price">
<div class="price-word">Цена</div>
<div class="price-value">5000р. кв.м.</div>
</div>
<a class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Подробнее</a>

</div>

<div class="ofice data_103">
<div class="ofice_number"><div>Офис </div><strong>103</strong><hr></div><div>.............................</div>
<div class="ofice_status"><em>Типография ООО "КрафтПепер"</em></div>
<div class="ofice_status"><a href="http://xxxxx.ru/" target="_blank">xxxx.ru</a></div>
<div class="ofice_status">[e-mail]</div>
<div class="ofice_status">8 [phone]</div>
<div class="are-us">
<div class="are">

<strong>Площадь</strong>
<div class="are-value">24 кв.м.</div>
</div>
</div>
<div class="price">
<div class="price-word">Цена</div>
<div class="price-value">5000р. кв.м.</div>
</div>
<a class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Подробнее</a>

</div>
<div class="ofice data_103">
<div class="ofice_number"><div>Офис </div><strong>103</strong><hr></div><div>.............................</div>
<div class="ofice_status"><em>Типография ООО "КрафтПепер"</em></div>
<div class="ofice_status"><a href="http://xxxxx.ru/" target="_blank">xxxx.ru</a></div>
<div class="ofice_status">[e-mail]</div>
<div class="ofice_status">8 [phone]</div>
<div class="are-us">
<div class="are">

<strong>Площадь</strong>
<div class="are-value">24 кв.м.</div>
</div>
</div>
<div class="price">
<div class="price-word">Цена</div>
<div class="price-value">5000р. кв.м.</div>
</div>
<a class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">Подробнее</a>

</div>

Делал вот так:

$('.ofice .ofice_status:eq(0)').each(function(){
    $(this).css('display','block');
    });

Answer 1

[Максим Софронов]

Думаю надо как-то так:

$('.ofice .ofice_status').each(function(){
    $(this).eq(0).css('display','block');
});

Comments

[Sergey750il]

Не работает. Опубликовал ниже.

Answer 2

[holfza]

$('.ofice').each(function(){
    $(this).find('.ofice_status:first').css('display','block');
});

Comments

[Sergey750il]

Не сработало. Опубликовал ниже код.

[holfza]

Sergey750il: Какой результат вы хотите получить? почему у вас в ofice_status вложены еще ofice_status ?

[Sergey750il]

holfza: Мне нужно в ofice_status выбрать первый ofice_status и задать ему display block, остальным вложенным ofice_status будет задан dispaly none через css. А сделал это все редактор WP, я бы мог руками все сделать, но человек кто заполняет сайт абсолютно не знаком с html.

[holfza]

Sergey750il: так?? jsfiddle.net/LwLqs9gn