Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.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
Javascript 如何选择前N个元素?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何选择前N个元素?

Javascript 如何选择前N个元素?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有这个HTML: 今天+84 通知1 通知2 通知3 昨天-10 通知4 通知5 上周+32 通知6 通知7 通知8 通知9 通知10 这将返回前4个元素,并将背景颜色设置为灰色 $("li").slice(0,4).css('background-color', 'gray'); 这将返回前4个元素,并将背景颜色设置为灰色 $("li").slice(0,4).css('background-color', 'gray'); 你可以用 选择匹配集中索引小于索引的所有元素。您可以使用 选

我有这个HTML:

今天+84 通知1 通知2 通知3 昨天-10 通知4 通知5 上周+32 通知6 通知7 通知8 通知9 通知10
这将返回前4个元素,并将背景颜色设置为灰色

$("li").slice(0,4).css('background-color', 'gray');

这将返回前4个元素,并将背景颜色设置为灰色

$("li").slice(0,4).css('background-color', 'gray');
你可以用

选择匹配集中索引小于索引的所有元素。

您可以使用


选择匹配集中索引小于索引的所有元素。

所有这些解决方案的可能重复项-所有解决方案的一个注释-和OP。与其以每个解决方案建议的任何方式更改元素的CSS,不如使用一个类,例如:。高亮显示{background color:ddd}然后使用您选择的任何方法-将类添加到元素-这样您就不会更改元素CSS,而是添加一个更容易操作的类,例如将灰色更改为黄色或删除。只是我的意见@gavgrif感谢您的注释。所有这些解决方案的可能重复-所有人的一个注释-和OP。与其以每个解决方案建议的任何方式更改元素的CSS,不如使用一个类,例如:。高亮显示{background color:ddd}然后使用您选择的任何方法-将类添加到元素-这样您就不会更改元素CSS,而是添加一个更容易操作的类,例如将灰色更改为黄色或删除。只是我的意见@gavgrif谢谢你的留言。只有一件事。这种方法在像IE7/8这样的旧浏览器上有效吗?我不确定。只有一件事。这种方法在像IE7/8这样的旧浏览器上有效吗?我不确定。