使用jquery在html表单中隐藏第二个字段集

使用jquery在html表单中隐藏第二个字段集,jquery,html,Jquery,Html,我得到了一个结构如下的表单: <form id="user-profile-form" > <fieldset> .... </fieldset> <fieldset> .... </fieldset> <fieldset> .... </fieldset> <fieldset> .... </fieldset> </form> 也在以下方面进行了尝试:

我得到了一个结构如下的表单:

<form id="user-profile-form" >

 <fieldset> .... </fieldset>

 <fieldset> .... </fieldset>

 <fieldset> .... </fieldset>

 <fieldset> .... </fieldset> 

</form>
也在以下方面进行了尝试:

$('#user-profile-form fieldset:nth-child(2)').hide()
我无法直接访问表单,因为它是在代码中的其他地方生成的。我只需要一个jquery脚本来隐藏第二个字段集。第n个孩子应该能用,但我不知道为什么,它不能用

谢谢你的评论

那么:

$(“#用户配置文件表单字段集:eq(1)”).addClass('test-class')

:eq
:n个子项的差异:
:eq()根据元素在选定元素数组中的索引选择元素

:nth-child()选择作为其父元素第n个子元素的所有元素

发件人:

第n个子项为1索引,而eq为0索引。第n个子元素基于当前元素父元素,而.eq基于当前元素相对于选定元素的索引。它们是两种完全不同的方法,有两种完全不同的目的

为了更好地理解
:n子项
:eq
选择器之间的差异,请遵循此步骤

您也可以参考此

如何:

$(“#用户配置文件表单字段集:eq(1)”).addClass('test-class')

:eq
:n个子项的差异:
:eq()根据元素在选定元素数组中的索引选择元素

:nth-child()选择作为其父元素第n个子元素的所有元素

发件人:

第n个子项为1索引,而eq为0索引。第n个子元素基于当前元素父元素,而.eq基于当前元素相对于选定元素的索引。它们是两种完全不同的方法,有两种完全不同的目的

为了更好地理解
:n子项
:eq
选择器之间的差异,请遵循此步骤


您也可以参考此

您的代码应该可以工作,将其放入
$(document).ready(function(){..})
$(函数(){…})并尝试它

注意-确保表单
id
在整个DOM中是唯一的

$(document).ready(function(){
  $('#user-profile-form fieldset:nth-child(2)').addClass('test-class');
});


您的代码应该可以工作,将其放入
$(document).ready(function(){..})
$(函数(){…})并尝试它

注意-确保表单
id
在整个DOM中是唯一的

$(document).ready(function(){
  $('#user-profile-form fieldset:nth-child(2)').addClass('test-class');
});



你的代码对我有效,对我无效,Ehsan Sajjad回答中的代码对我有效。@altafhussain再次:根据你提供的信息,它有效,正如你在提到的提琴中所看到的。是的,我在提琴中检查了它,但我不知道它为什么无效。你的代码对我有效,对我无效,Ehsan Sajjad回答中的代码对我有用。@altafhussain再次:根据您提供的信息,它可以工作,正如您在提到的小提琴中所看到的。是的,我在小提琴中检查了它,但我不知道它为什么不工作。谢谢,它工作了。你能解释一下为什么nthchild不工作吗?嗯,是的,我怀疑在
s之前还有其他标记,所以因为With:nth child(n),所有的子元素都会被计数,不管它们是什么,并且指定的元素只有在它匹配附加到伪类的选择器时才会被选择。有问题,+1。举个例子,谢谢,它成功了。你能解释一下为什么nthchild不工作吗?嗯,是的,我怀疑在
s之前还有其他标记,所以因为With:nth child(n),所有的子元素都会被计数,不管它们是什么,并且指定的元素只有在它匹配附加到伪类的选择器时才会被选择。有问题,+1。举个例子,我首先想到的是多个表单相同的ID,+1。但是Op使用的是子编号而不是idSomehow,它是如何工作的。Ehsan Sajjad代码对我有用。是的,正如您所描述的那样,我正在使用它:)@EhsanSajjad如果页面上有两个具有相同ID的表单,它将导致各种各样的问题。在页面上,没有重复的ID。此外,如果存在具有重复ID的表单,则上面的所有代码都会有问题。我首先想到的是多个表单相同ID,+1。但是Op使用的是子编号而不是idSomehow,它是如何工作的。Ehsan Sajjad代码对我有用。是的,正如您所描述的那样,我正在使用它:)@EhsanSajjad如果页面上有两个具有相同ID的表单,它将导致各种各样的问题。在页面上,没有重复的ID。此外,如果存在具有重复ID的表单,则上述所有代码都会出现问题。
$(document).ready(function(){
   $('#user-profile-form fieldset:nth-child(2)').hide();
 });