个人博客 > 学无止境 > WEB前端 > jq获取第一个子元素和最后一个子元素

jq获取第一个子元素和最后一个子元素

<ul>
    <li>琅枫博客</li>
    <li>个人博客</li>
    <li>PHP博客</li>
    <li>phpfeng.cn</li>
</ul>
jquery如何获取第一个li或最后一个子元素li呢?
$(this).children("li:first-child").html();//打印 琅枫博客
$(this).children("li:last-child").html();//打印 phpfeng.cn

这样就可以获取到第一个子元素和最后一个子元素。

如果需要选择第几个的可以用 :nth-child(n) 这里n是从1开始。如果是0那么选择的是所有的子元素。

eq(n) 第n个匹配的元素(n从0开始),如:li:eq(2)返回整个页面的第3个li元素。

本文出自:琅枫个人博客。如需转载请注明出处!

本文出处:"https://www.phpfeng.cn/learn/web/84.html"

如果您觉得文章对你有帮助,可以进行打赏。
打赏多少,您高兴就行,谢谢您对琅枫博客的支持! ~(@^_^@)~

微信打赏

琅枫博客微信号

支付宝打赏

琅枫博客个人支付宝
本文关键词: 第一个 最后一个 子元素



你想在庞大的互联网上留下一丝足迹?

我不想成为一个庸俗的人。十年百年后,当我们死去,质疑我们的人同样死去,后人看到的是裹足不前、原地打转的你,还是一直奔跑、走到远方的我?

点我了解如何搭建个人博客?