Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Первый дочерний элемент

Автор: WebMast 9.2.2010, 15:02

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

Код


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

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

Автор: blah 9.2.2010, 16:08

Код


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

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

Автор: 12345c 9.2.2010, 16:13

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

Автор: blah 9.2.2010, 16:19

Или так:

Код


$('#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

Код


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