Узнать количество элементов

[Нарек]

А как узнать количество li внутри ul с неким идентификатором, и исходя от этого задавать style для этих li? Ну скажем если их 2 - margin: 20px; если 3 - margin: 50px; если 4 то ничего не делать так как для этого случая в css уже написаны свойства)

[Z1gnet]

ну можно конечно скриптами попробовать...

а можете подробнее описать задачу?

[Нарек]

Так уже описал) Если в ul есть 2 li то задать им margin: 20px; если 3 li то задать margin: 50px; если 4 li то margin: 60px если 5 li то ничего не предпринять))

[Z1gnet]

а можно скрин увидеть того что вы делаете?

[Нарек]

Для чего это нужно

 

Верстаю один сайт, там есть списки ul в li которых по диву. вообще заказчик говорит, что меньше или больше не будет, и я их ровнял по всей ширине используя метод text-align: justify. Но вот думаю, мало ли он сказал, появился спортивный интерес как бы) Если li будет 2, то они соответственно прижмутся к левой и к правой границе, а сайт широкий, некрасиво. Вот и думаю, узнать бы количество через js, и для каждого количества настроить так, что бы выглядело красиво)

а можно скрин увидеть того что вы делаете?

 Да пожалуйста) http://joxi.ru/lX_eU4wyTJDMApuicU0 это один из ul, в нем 4 li а в них по div-у. Сейчас они выровнены по всей ширине. Если будет 2 li то соответственно один будет прижиматся влево, другой вправо, а я скажем хочу что бы они оба были с права, а если 3 li то были скажем слева.

[Z1gnet]

способ через джеес

var $counter = jQuery('.list>li').length;jQuery('.list').addClass('item'+$counter+'');

но можно и без скриптов через табличные свойства. будет как-то так

.list{	display: table;	width: 100%;	table-layout: fixed;}.list li{	display: table-cell;	text-align: center;}.list li div{	display: inline-block;	vertical-align: top;}

Edited August 3, 2014 by Z1gnet

[Нарек]

Спасибо, попробую через js)