jQuery - Выберите КАЖДУЮ UL из последних LI в списке

Question

Я пытаюсь отформатировать свой список элементов, где HTML выглядит так:

<ul class='product_list'>
<li>Item 1
    <ul>
        <li>Item 1.1</li>
        <li>Item 1.2
            <ul>
                <li>Item 1.2.1</li>
                <li>Item 1.2.2
                    <ul>
                        <li>Item 1.2.2.1</li>
                        <li>Item 1.2.2.2</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li>Item 1.3</li>
    </ul>
</li>
<li>Item 2</li>

И так далее, надеюсь, вы поймете, что он может идти вразрез с бесконечностью раз, и теперь мне нужно выбрать и отформатировать UL каждого LAST LI в любом UL списка.

Есть идеи? Я застрял на этом в течение 2 дней, и все, что я придумываю, имеет некоторое «но», когда это не работает. = /

Mike

Answer 1

Попробуйте:

$("li:last-child > ul").css("border", "1px solid red");

Демо: http://jsfiddle.net/2NVB7/

Answer 2

Селектор CSS / jQuery: li:last-child > ul

Обратите внимание, что проблемы совместимости с CSS.