0

Есть список:

<ul>
    <li>Текст</li>
    <li>Текст</li>
    <li>Текст</li>
    <li>Текст</li>
    <li>Текст</li>
</ul>

При клике на разные кнопки все элементы списка скрываются, и некоторые показываются:

<ul>
    <li style="display: block;">Текст</li>
    <li style="display: none;">Текст</li>
    <li style="display: block;">Текст</li>
    <li style="display: none;">Текст</li>
    <li style="display: none;">Текст</li>
</ul>

Как задать класс последнему тэгу li, имеющему свойство display: block ?

2 ответа 2

1

Если через чистый js

<ul id='list'>
    <li style="display: block;">Текст</li>
    <li style="display: none;">Текст</li>
    <li style="display: block;">Текст</li>
    <li style="display: none;">Текст</li>
    <li style="display: none;">Текст</li>
</ul>

var liArray = document.getElementById('list').getElementsByTagName("li"),
        cur = null;

for(var cur, i = 0, count = liArray.length-1; i < count; i++) {
    if(liArray[i].style.display == 'block') {
    cur = liArray[i];
  }
}

if(cur) {
    cur.className += " my-class";
}

https://jsfiddle.net/p23ob95y/1/

0

попробуйте

$("li:visible:last").addClass("class_name")

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.