как получить все элементы 'li' из # 1 в # demo1, используя jquery

Question

это мой код:

<div id="demo1">
    <ul>
        <li>aaa</li>
        <li>
            <ul>
                <li>hhh</li>
                <li>qqqq</li>
            </ul>
        </li>
        <li>qqqqq</li>
        <li>
            <li>lll</li>
            <li>
                <ul>
                    <li>qqwed</li>
                    <li id="1">qqdwdw</li>
                </ul>
            </li>
        </li>
    </ul>
</div>

У меня есть много элементов 'ul' и 'li', теперь я могу получить li '# 1' и div '# demo1'

я хочу получить все элементы 'li' между ними,

как его получить,

я использую этот код, как и следующий код, но не успешно,

$('#1').parent('li')

$('#1').closest('li') 

но как сделать это между '# demo1' тоже?

спасибо

Answer 1

Вы можете использовать .parentsUntil(), чтобы получить родителей, затем .filter(), чтобы получить элементы <li>, например:

$("#1").parentsUntil("#demo1").filter('li');

Я знаю, что это пример, но идентификаторы (по крайней мере, в HTML4) не могут начинаться с цифры.