Как найти li.last и добавить css с помощью jquery

Question

Я получил неупорядоченный список, сгенерированный программно с использованием кода, HTML-разметка выглядит так:

<ul>
<li></li>
<li>
     <ul>
        <li></li>
        <li></li>
        <li></li>
        <li>last</li>
    </ul>
</li>
<li></li>
<li>
    <ul>
       <li></li>
       <li></li>
       <li></li>
       <li>last</li>
    </ul>
</li>
</ul>

Проблема в том, ul li ul li a имеет стиль border-bottom: solid 1px white;, и я хочу установить border-bottom: none для last sub li, можно ли найти последний li с помощью jquery и затем изменить класс, или Есть ли лучший способ достичь чего-то вроде этого, Спасибо

Answer 1

$('ul li ul li:last-child a').css('border-bottom', 'none');

выбирает последний li и изменяет его значение CSS border-bottom, при этом используется селектор : последний-ребенок , рабочий пример

в CSS3 вы можете сделать следующее:

ul > li > ul > li:last-child a {
    border-bottom: none;
}

Рабочий пример с использованием CSS3

Answer 2

В CSS (не будет работать для IE8)

ul ul li:last-child { border-bottom: none; }

Answer 3

Да, но вместо этого вы можете рассмотреть чистое решение CSS:

li:last-child { 
  border-bottom: none; 
}

Answer 4

Это то, что вы ищете?

$("li:last-child a").css('border-bottom','none');

удалить нижнюю границу из тега привязки последнего li?