Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.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/2/jquery/74.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选择给定父元素的子元素_Javascript_Jquery - Fatal编程技术网

Javascript 使用JQuery选择给定父元素的子元素

Javascript 使用JQuery选择给定父元素的子元素,javascript,jquery,Javascript,Jquery,在面板栏中有许多列表项(比如父项)。每个列表项都有不同数量的列表项(子项) 此方法将选择所有父项的所有第一个子项。 如何使用jQuery选择所需父项的子项?您可以使用。子项:类型(x)的第n个,其中x是您要选择的子项。 虽然我将展示一个JQuery解决方案,但这是一件如此简单的事情,以至于JQuery真的是矫枉过正 $(“ul.list:first of type>li:first of type”).addClass(“active”) .active{背景色:黄色;} 项目 项目 项目

在面板栏中有许多列表项(比如父项)。每个列表项都有不同数量的列表项(子项)

此方法将选择所有父项的所有第一个子项。
如何使用jQuery选择所需父项的子项?

您可以使用。子项:类型(x)的第n个,其中x是您要选择的子项。

虽然我将展示一个JQuery解决方案,但这是一件如此简单的事情,以至于JQuery真的是矫枉过正

$(“ul.list:first of type>li:first of type”).addClass(“active”)
.active{背景色:黄色;}

  • 项目
  • 项目
  • 项目
  • 项目
  • 项目
  • 项目
  • 项目
  • 项目
  • 项目
  • 项目
  • 项目
  • 项目
  • 项目
  • 项目
  • 项目
  • 项目

所以要清楚,您只想选择第一个子元素?如果您添加了HTML并详细说明了哪些元素您不想选择请提供一些示例代码。提供的jQuery示例无效。如果元素的选择器是不同的,则
elt=$(选择器)
将返回一个元素。如果不清楚,它将返回一个列表。您可以通过进入
elt[n]
$(".childItem:nth-child("1");