Jquery (“.selector li:last-child”) vs (“.selector > li:la

Jquery (“.selector li:last-child”) vs (“.selector > li:last-child”)

本文关键字：selector li gt la last-child Jquery vs      更新时间：2023-09-26

为什么(".mylist li：last-child"(不起作用，但是(".mylist> li：last-child"(给出了正确的结果，到底有什么区别？

我想知道，因为我的脚本已经工作了一段时间......

<ul class="mylist ">
    <li id="1">a</li>
    <li id="2">b</li>
    <li id="3">c</li>
    <li id="4">d</li>
</ul>
var $LastpostID = $('.mylist li:last').attr('id')
console.log ($LastpostID)
result undefined

var $LastpostID = $('.mylist > li:last').attr('id')
console.log ($LastpostID)
result 4

>表示"直接子节点"：仅选择直接子节点。

虽然space的意思是"任何后代"：可以选择直系子女和这些子女的子女。

但在您的情况下，两者应该相同。

相关文章：