Метод фильтра jQuery и селектор фильтров

Селектор фильтра

    //html代码
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
    </ul>

$ ('li: first') - получить первый элемент li
$ ('li: last') - получить последний элемент li
$ ('li: eq (n)') - получить элемент li с индексом n
$ ('li: odd') - получить элемент li с нечетным индексом
$ ('li: even') - получить элемент li с четным индексом

        //jQuery代码(记得引入jQuery文件)
        console.log($('li:first').text());//1
        console.log($('li:eq(1)').text());//2
        console.log($('li:last').text());//6
        console.log($('li:odd').text());//246
        console.log($('li:even').text());//135

Метод скрининга

    //html代码
    <div>
        <p>一</p>
        <p>二</p>
        <p>三</p>
        <p>四</p>
    </div>
    <ul>
        <li class="current">1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
        <li>6</li>
    </ul>

$ ('li) .parent () - найти родителя элемента li
$ ('li'). eq (n) - найти элемент li с индексом 2
$ ('ul'). children ('li') - найти ближайший дочерний элемент элемента ul
$ ('ul'). find ('li') - найти все дочерние элементы элемента ul
$ ('. class'). siblings ('li') - Найти родственный элемент li элемента, имя класса которого является class, исключая себя
$ ('. class'). nextAll () - найти все элементы-братья после элемента с именем класса class
$ ('. class'). prevAll () - все родственные элементы перед элементом, имя класса которого - class
$ ('li'). hasClass ('currrent') - проверить, содержит ли элемент li класс с именем current, если да, вернуть true, иначе вернуть false

            //jQuery代码(记得引入jQuery文件)
            console.log($('p').parent()); //div
            console.log($('p').eq(0).text()); //一
            console.log($('div').children('p').text()); //1
            console.log($('ul').find('li').text()); //123456
            console.log($('.current').siblings('li').text()); //23456
            console.log($('li').eq(2).text()); //3
            console.log($('li').eq(2).prevAll().text()); //21
            console.log($('li').hasClass('current')); //true

Метод фильтра jQuery и селектор фильтров

Метод фильтра jQuery и селектор фильтров

рекомендация