Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery从项目列表中选择第一个和最后一个div_Jquery_Html - Fatal编程技术网

Jquery从项目列表中选择第一个和最后一个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> 这些将出现在网页的

如何使用jquery选择以下代码段中的第一个和最后一个item div,并对每个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解决方案,它可以在所有的现代浏览器上工作,从一开始就可以看到。谢谢你这真了不起。非常感谢。