2012-10-15 200 views
-1

如何使用jquery动态查找第一个和最后一个li?在jquery中查找元素

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

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

回答

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

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

0

添加类lisomeclass如果你有页面上的li

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

或者只是

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

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

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

+0

另外,还有'.first()'和'.last()'方法。 –

+0

另外n°2,把它放在$(document).ready(function({// CODE GOES HERE})); (在尝试获取其值之前,必须首先加载数据) – Jozzeh

0

如果您要查找的页面上的所有列表元素,你可以做的第一个和最后一个li

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

如果你需要找到每个列表中的第一个和最后一个列表元素:

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

在大多数情况下,您的每种情况都可以归结为“li:first-child”和“last-child”。唯一的例外是列表中的元素不是'li'元素(例如嵌套列表中的情况) –

+0

非常感谢... ppl – janani