VPF::Первый дочерний элемент - Форум программистов

WebMast

Дата 9.2.2010, 15:02 (ссылка)

(нет голосов)

Загрузка ...

Front-end developer

Профиль
Группа: Участник
Сообщений: 105
Регистрация: 1.1.2009
Где: Беларусь

Репутация: нет
Всего: 2

Такой вопрос. У меня есть что-то типа такого:

Код


<div id="one">
<span>One</span>
<span>Two</span>
</div>

Нужно сделать первый span с текстом "One" не отображался (display: none).

--------------------

Личный Блог Евгения ЖлобоРасширение vkleaner для Google Chrome

blah

Дата 9.2.2010, 16:08 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 205
Регистрация: 25.9.2008
Где: моя тачка, чувак?

Репутация: 2
Всего: 17

Код


$('#one span').first().css('display', 'none');

Все же есть в описаниях.

12345c

Дата 9.2.2010, 16:13 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 6
Всего: 101

.css('display', 'none');
проще -
.hide();
Если без jQuery, то сложнее, надо брать первую нетекстовую ноду в .childNodes[] (в FF и Опере возникает на месте пробелов текстовая нода).

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

blah

Дата 9.2.2010, 16:19 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 205
Регистрация: 25.9.2008
Где: моя тачка, чувак?

Репутация: 2
Всего: 17

Или так:

Код


$('#one span:first').css('display', 'none');

Ну или:

Код


$('#one span:first-child').css('display', 'none');

Вобщем, кому как больше нравится:

Код


$('#one span:nth-child(1)').css('display', 'none');

Как там про фломастеры...

Код


$('#one span:eq(0)').css('display', 'none');

Вобщем хватит

Код


$('#one span:lt(1)').css('display', 'none');

bars80080

Дата 9.2.2010, 16:29 (ссылка)

(голосов:1)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315

Код


document.getElementById('one').getElementsByTagName('span')[0].style.display = 'none';

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »