Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/83.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 如何使用Jquery隐藏最后3个div_Javascript_Jquery_Css - Fatal编程技术网

Javascript 如何使用Jquery隐藏最后3个div

Javascript 如何使用Jquery隐藏最后3个div,javascript,jquery,css,Javascript,Jquery,Css,到目前为止,我正在尝试使用JQuery选择最后3个div。但它似乎不起作用 $document.readyfunction{ $div.span4:n-child6,div.span4:n-child7,div.span4:n-child8。 addClass-myClass; }; 使用选择器 var divLength=$'div.span4'。长度; $'div.span4:gt'+divLength-4+.hide; 1. 2. 3. 4. 5. 6. 7. 8. 试试这个: $'.

到目前为止,我正在尝试使用JQuery选择最后3个div。但它似乎不起作用

$document.readyfunction{ $div.span4:n-child6,div.span4:n-child7,div.span4:n-child8。 addClass-myClass; }; 使用选择器

var divLength=$'div.span4'。长度; $'div.span4:gt'+divLength-4+.hide; 1. 2. 3. 4. 5. 6. 7. 8. 试试这个:

$'.span4:gt-4'。隐藏; //它只是比从末端算起的第四个大; 1. 2. 3. 4. 5. 6. 7. 8. 您可以使用:

$('div.span4').slice(-3).addClass('myClass');

似乎正在与第N个孩子一起工作:

最后一个孩子该怎么办

$'div.span4:n-last-child-n+3'.addClass'myClass'; .span4{ 背景:666人; } .myClass{ 背景:0cc; } 1. 2. 3. 4. 5. 6. 7. 8.
在这里工作很好:。你能提供一个不起作用的例子来说明这个问题吗?这里的例子似乎很好:很好!我不知道你可以通过-4:tbh在这个问题之前我也不知道,这就是为什么我认为我被Stackoverflow迷住了-它迫使我思考那些我认为理所当然的事情;我已经测试过了,它可以工作了。但是,在答案中放一段代码片段来演示。我发现代码片段通常是正面的,这是我喜欢的主要原因之一。每天学习新事物:好吧,这是我的第一个SO片段,并不难:如果我们确实知道项目的总数,如示例所示,你也可以这样写:$'.span4:n个孩子n+6'.hide;标题更准确:$div.span4:n-last-child-n+3.addClass myClass;我知道,我只是想炫耀一下,最初的代码甚至可以工作。谢谢大家。这些答案帮助很大,解决了我的问题!
$(document).ready(function(){
    $( "div.span4:nth-child(6),div.span4:nth-child(7),div.span4:nth-child(8) " ).addClass( "myClass" );
});