Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.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 选择具有所有相同元素标记的子元素组_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 选择具有所有相同元素标记的子元素组

Javascript 选择具有所有相同元素标记的子元素组,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个包含四个段落标记的div。加载页面时,我希望显示前两段,然后隐藏后续段落元素,但我不知道如何做到这一点。为了简单起见,我将事件设置为按钮,而不是下面的JSFIDLE示例中的文档就绪事件 你就快到了: $'div'.children':gt1'.hide 更多关于选择器的信息 你就快到了: $'div'.children':gt1'.hide 更多关于选择器的信息 使用选择它们使用选择它们您可以使用:gt选择器: $("#div p:gt(1)").hide(); 或者,也可以使用.sl

我有一个包含四个段落标记的div。加载页面时,我希望显示前两段,然后隐藏后续段落元素,但我不知道如何做到这一点。为了简单起见,我将事件设置为按钮,而不是下面的JSFIDLE示例中的文档就绪事件

你就快到了:

$'div'.children':gt1'.hide

更多关于选择器的信息

你就快到了:

$'div'.children':gt1'.hide

更多关于选择器的信息

使用选择它们

使用选择它们

您可以使用:gt选择器:

$("#div p:gt(1)").hide();
或者,也可以使用.slice从jQuery对象的DOM数组中选择特定元素:

$("#div p").slice(2).hide();
您可以使用:gt选择器:

$("#div p:gt(1)").hide();
或者,也可以使用.slice从jQuery对象的DOM数组中选择特定元素:

$("#div p").slice(2).hide();

也可以使用.slice

$('#div').children().slice(2).hide();

也可以使用.slice

$('#div').children().slice(2).hide();

您也可以使用CSS来实现这一点

li:nth-child(-1n+2) {
    background: yellow;
}

您也可以使用CSS来实现这一点

li:nth-child(-1n+2) {
    background: yellow;
}

格罗默,谢谢你的帮助和链接。你比其他人快了20秒。但是,如果他想隐藏不连续的子节点,会发生什么呢?格罗默,谢谢你的帮助和链接。你比其他人快了20秒。但是,如果他想隐藏不连续的子节点,会发生什么呢?