Jquery从项目列表中选择第一个和最后一个div
如何使用jquery选择以下代码段中的第一个和最后一个item div,并对每个div应用不同的附加类:Jquery从项目列表中选择第一个和最后一个div,jquery,html,Jquery,Html,如何使用jquery选择以下代码段中的第一个和最后一个item div,并对每个div应用不同的附加类: <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> 这些将出现在网页的
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
这些将出现在网页的某个地方。谢谢。没有比以下更简单的了:
$('.item:first').addClass('first');
$('.item:last').addClass('last');
如果要节省几个周期,也可以在单个命令中完成:
$('.item')
.eq(0).addClass('first').end()
.eq(-1).addClass('last').end();
没有比以下更容易的了:
$('.item:first').addClass('first');
$('.item:last').addClass('last');
如果要节省几个周期,也可以在单个命令中完成:
$('.item')
.eq(0).addClass('first').end()
.eq(-1).addClass('last').end();
尝试查看其他选择器
请尝试查看其他选择器。注意,您打开了一个
,但关闭了一个
。可能是错误。请注意,您打开了一个
,但关闭了一个
。可能是个错误。最好显示.filter(':first,:last')
——这可能是OP(原始海报)所需要的。取决于您如何解释“每个FWIW都有一个不同的附加类”,页面很大,圆角边框应用于第一个和最后一个div:一旦页面加载,用户将看到它们变圆。@Adrian33-这可能是您想要提及的内容。您可能还想考虑CSS解决方案,它可以在所有的现代浏览器上工作,从一开始就可以看到。这是一个好主意,显示“代码>。筛选器(“:第一,最后一个”)< /代码> -这可能是OP(原始海报)所需要的。取决于您如何解释“每个FWIW都有一个不同的附加类”,页面很大,圆角边框应用于第一个和最后一个div:一旦页面加载,用户将看到它们变圆。@Adrian33-这可能是您想要提及的内容。您可能还想考虑CSS解决方案,它可以在所有的现代浏览器上工作,从一开始就可以看到。谢谢你这真了不起。非常感谢。