在 jquery 中查找元素答案

【问题标题】：Finding element in jquery在 jquery 中查找元素
【发布时间】：2012-10-05 08:28:56
【问题描述】：

如何使用jquery动态查找第一个和最后一个li？

li 的发现应该在文档中的所有列表中都接受..

<script>
$(document).ready(function()
 {
$('li:first-child').addClass('first');
 $('li:last-child').addClass('last');});
</script>

【问题讨论】：

【解决方案1】：

$('li:first')
$('li:last');

这是一种在列表中查找第一个和最后一个的方法。

【讨论】：

【解决方案2】：

分别为$('li:first') 和:last。

作为对您的编辑的回应，li:first-child 将生成作为其各自父节点的第一个子节点的所有 li 元素。而li:first 只会产生文档中的第一个li 元素。

【讨论】：

此外，还有.first()和.last()方法。
另外 n°2 ，把它放在 $(document).ready(function({ //CODE GOES HERE })); （必须先加载数据，然后再尝试获取其值）

【解决方案3】：

如果您在页面上有 li 的编号，请将课程添加到 li 说 someclass

$('.someclass').last();
$('.someclass').first();

或者只是

$('li:first')
$('li:last');

【讨论】：

【解决方案4】：

如果你想找到页面上所有列表元素的第一个和最后一个li，你可以这样做：

$('li:first') 和 $('li:last')

如果需要在每个列表中查找第一个和最后一个列表元素：

$('ul, ol').each(function() {
  $('li:first', this); 
  $('li:last', this);
});

【讨论】：

在大多数情况下，您的每个条件都可以简化为li:first-child 和:last-child。唯一的例外是列表中的元素不是 li 元素（例如嵌套列表中的情况）