Форум

subbziro · #1 (**permalink**) 11.12.2015, 19:10

Есть родительский блок .main_ul (он является ul'ом), в нем находятся li. Нужно чтобы если количество li нечетное, то последнему добавлялся класс .mainlast_li.
Помогите пожалуйста новичку

Mess4me · #2 (**permalink**) 11.12.2015, 19:48

subbziro,

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .mainlast_li {
            background-color: #1b6d85;
        }
        
        
    </style>
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
</head>
<body>

 <ul class="main_ul ">
     <li>1</li>
     <li>2</li>
     <li>3</li>
     <li>4</li>
     <li>5</li>


 </ul>
<script>

    if(!$('.main_ul li').length % 2 == 0){
        $('.main_ul li:last-child').addClass('mainlast_li');
    }


</script>

</body>
</html>

yazonnile · #3 (**permalink**) 11.12.2015, 19:56

Это можно сделать стилями

http://jsfiddle.net/rhq1ynsq/

laimas · #4 (**permalink**) 11.12.2015, 19:56

Сообщение от Mess4me

if(!$('.main_ul li').length % 2 == 0){

$('.main_ul li').length & 1 ....

Mess4me · #5 (**permalink**) 11.12.2015, 19:59

yazonnile,
стилями не знаю как ) надо смотреть )

Mess4me · #6 (**permalink**) 11.12.2015, 20:05

laimas,
а можешь пояснить ) $('.main_ul li').length & 1
допустим $('.main_ul li').length = 5;
тогда 5&1 или 4&1 , а что дальше?

Как тут с четными и нечётными?)

ruslan_mart · #7 (**permalink**) 11.12.2015, 20:16

$('.main_ul > li:nth-of-type(2n+1):last-child').addClass('mainlast_li');

Но лучше прям в CSS селектором прописать нужный стиль, тогда никакой класс добавлять не нужно будет.

laimas · #8 (**permalink**) 11.12.2015, 20:17

Сообщение от laimas

Как тут с четными и нечётными?

Проверить кратность числа числу N > 2, это еще можно деление по модулю использовать, а вот четные числа в младшем разряде содержат 0, а нечетные 1. Поэтому эффективнее и проще не делить по модулю 2, а проверять младший разряд числа, ибо эта операция выполняется гораздо проще.

Это как с делением/умножением, если условия позволяют, то выгоднее не делить число а сдвинуть его на N разрядов вправо, а при умножении влево.

Mess4me · #9 (**permalink**) 11.12.2015, 20:39

laimas,
спасибо ,за объяснение , но я всё равно не понял

А ссылку можно получить?

laimas · #10 (**permalink**) 11.12.2015, 20:45

А чего тут не понятного:

0 = 0000
1 = 0001
2 = 0010
3 = 0011
4 = 0100
5 = 0101
....

Рассказывать, что будет при логической операции AND чисел и 1, или не надо?

Ссылку на что?

Форум

Справочник

Discord чат

Курсы javascript