Javascript 如何使用last（）选择最后一个元素而不必遍历子元素

我尝试更改id为list1的ul中最后一个li的背景色属性列表项4之后的li。但是，如果我运行$ullist1 li.last.css背景色，则为红色；然后，函数选择最后一个li，即list2item1

有没有办法告诉函数不要运行子元素

$ullist1 li.last.css背景色，红色； 清单1项目1 清单1项目2 清单1项目3 清单1项目4 清单2项目1 试一试

试一试

使用只遍历直接子级的方法

$ullist1.children.last.css背景色，红色； 清单1项目1 清单1项目2 清单1项目3 清单1项目4 清单2项目1 使用只遍历直接子级的方法

$ullist1.children.last.css背景色，红色； 清单1项目1 清单1项目2 清单1项目3 清单1项目4 清单2项目1 $ullist1 li:notullist1 li ul li.last.addClass'red' .red{背景色：red} 清单1项目1 清单1项目2 清单1项目3 清单1项目4 清单2项目1 $ullist1 li:notullist1 li ul li.last.addClass'red' .red{背景色：red} 清单1项目1 清单1项目2 清单1项目3 清单1项目4 清单2项目1 使用$list1 li:last child.prev.css背景色，红色；选择列表1第4项

$list1 li:last child.prev.css背景色，红色； 清单1项目1 清单1项目2 清单1项目3 清单1项目4 清单2项目1 使用$list1 li:last child.prev.css背景色，红色；选择列表1第4项

$list1 li:last child.prev.css背景色，红色； 清单1项目1 清单1项目2 清单1项目3 清单1项目4 清单2项目1

---

您可以这样做：

$ullist1>li:last.css背景色，红色

$ullist1>li:last.css背景色，红色； 清单1项目1 清单1项目2 清单1项目3 清单1项目4 清单2项目1

---

您可以这样做：

$ullist1>li:last.css背景色，红色

$ullist1>li:last.css背景色，红色； 清单1项目1 清单1项目2 清单1项目3 清单1项目4 清单2项目1 JS $ullist1>li：最后一个孩子。css背景色，红色； 清单1项目1 清单1项目2 清单1项目3 清单1项目4 清单2项目1 JS $ullist1>li：最后一个孩子。css背景色，红色； 清单1项目1 清单1项目2 清单1项目3 清单1项目4 清单2项目1

---

试着这样做：

var li=$ullist1 li； var subLiLength=$ullist1 ul li.length； li.eqli.length-子行长度-1.css背景色，红色； 清单1项目1 清单1项目2 清单1项目3 清单1项目4 清单2项目1

---

试着这样做：

var li=$ullist1 li； var subLiLength=$ullist1 ul li.length； li.eqli.length-子行长度-1.css背景色，红色； 清单1项目1 清单1项目2 清单1项目3 清单1项目4 清单2项目1

---

不，这也会选择list2 item1I我实际上会尝试访问最后一个li，但是如果您删除上一个li，那么它应该会像我预期的那样工作。哦，您的目标是list1 item4之后的列表。完成后，我想这就是您要找的？不，这也会选择list2 item1I我实际上会尝试访问最后一个li，但是，如果您删除上一个，那么它应该会像我预期的那样工作。哦，您的目标是列表1项4之后的列表。完成后，我想这就是您要查找的内容？只需添加>，这样它就可以直接查看其下的li，而不包括其子节点中的最后一个li。只需添加>，因此它知道它将直接查看它下面的li，而不将最后一个li包含在它的子节点中。这将选择上一个最后一个元素，而不是最后一个。这将选择上一个最后一个元素，而不是最后一个。@EdwardBlack乐于帮助快乐编码：@EdwardBlack乐于帮助快乐编码：但是，答案是：毫无疑问的最后一个孩子然而，答案是：毫无疑问的最后一个孩子

$("#list1:last-child").css( "background-color", "red" );