使用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();
});