获取某元素下的第一个元素

在项目中，我们经常会用到，获取某一个元素下面的第一个元素，或者是最后一个元素，进行处理，这里就简单介绍一下

1，配置文件

<ul>
            <li>我是第一行</li>
            <li>我是第二行</li>
            <li>我是第三行</li>
            <li>我是第四行</li>
            <li>我是第五行</li>
            <li>我是第六行</li>
            <li>我是第七行
                <a href="">我是第一个a链接</a>
                <a href="">我是第二个a链接</a>
            </li>
            <li>我是第八行</li>
</ul>

1，方法一：

<script>
        $().ready(function () {
           var firstA = $('li').find('a:first')
            console.log(firstA)
        })
</script>

2，方法二：

<script>
        $().ready(function () {
        var firstA = $('li a:first');
            console.log(firstA)
        })
</script>

2，方法三：

<script>
        $().ready(function () {
        var firstA = $('li a').eq(0);
            console.log(firstA)
        })
</script>

image.png