Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.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没有';t将hide()应用于具有相同ID的所有div_Javascript_Jquery_Html - Fatal编程技术网

Javascript Jquery没有';t将hide()应用于具有相同ID的所有div

Javascript Jquery没有';t将hide()应用于具有相同ID的所有div,javascript,jquery,html,Javascript,Jquery,Html,我正在创建一个站点,html通过php显示,其中包含从数据库获取的数据。 我有一个foreach()函数,因此显示的所有内容都具有相同的DIV ID。 它最终像4个具有相同ID(#content)的div,因此PHP工作正常,但我有一个jQuery脚本,当我调用jQuery(#content”).hide()时它只隐藏一个DIV,而不是所有DIV,我希望它隐藏所有DIV。我还有别的事要做吗? 谢谢。您应该使用类(.class\u name),而不是id——只有一个DOM元素可以具有给定的id,否

我正在创建一个站点,html通过php显示,其中包含从数据库获取的数据。 我有一个foreach()函数,因此显示的所有内容都具有相同的DIV ID。 它最终像4个具有相同ID(#content)的div,因此PHP工作正常,但我有一个jQuery脚本,当我调用
jQuery(#content”).hide()时它只隐藏一个DIV,而不是所有DIV,我希望它隐藏所有DIV。我还有别的事要做吗?

谢谢。

您应该使用类(
.class\u name
),而不是id——只有一个DOM元素可以具有给定的id,否则它是无效的HTML。ID选择器只返回单个元素是合理的。

您应该使用类(
.class\u name
),而不是ID——只有一个DOM元素可以具有给定的ID,否则它是无效的HTML。ID选择器只返回单个元素是合理的。

这只是因为不能有多个具有指定ID的元素。ID是唯一的,并且必须是唯一的。DOM中只能存在一个具有相同元素的单个元素

不遵守这一规则可能会导致脚本损坏和其他恐怖行为


您可以为此使用类。

这只是因为您不能有多个具有指定ID的元素。ID是并且必须是唯一的。DOM中只能存在一个具有相同元素的单个元素

不遵守这一规则可能会导致脚本损坏和其他恐怖行为


您可以为此使用类。

ID只能在HTML中使用一次!因为它是一个id,id应该总是唯一的

一个id只能在HTML中使用一次!因为它是一个id,id应该总是唯一的

页面上元素的id应该是唯一的。因此,您指定的每个HTML标记都应该有一个不同的ID。如果您想隐藏某个元素的所有内容,那么可以向您希望隐藏的元素添加一个类

e、 g


页面上元素的ID应该是唯一的。因此,您指定的每个HTML标记都应该有一个不同的ID。如果您想隐藏某个元素的所有内容,那么可以向您希望隐藏的元素添加一个类

e、 g


某些引用:此属性为元素指定名称。此名称在文档中必须是唯一的。-id属性指定其元素的唯一标识符(id)。为了进行调试,您应该在HTML验证器中测试页面,如(或在Firefox中安装一个扩展,如Web Developer工具栏,或在Chrome中安装一个等效的扩展;entry Tools/Validate HTML会将您的页面提交给验证器)。有效的代码可以自动解决像这样的问题。某些引用:此属性为元素指定名称。此名称在文档中必须是唯一的。-id属性指定其元素的唯一标识符(id)。为了进行调试,您应该在HTML验证器中测试页面,如(或在Firefox中安装一个扩展,如Web Developer工具栏,或在Chrome中安装一个等效的扩展;entry Tools/Validate HTML会将您的页面提交给验证器)。一个有效的代码可以自动解决像这样的问题。
<div class="divToHide">Content...</div>
<div class="divToHide">Content...</div>
<div class="divToHide">Content...</div>
$(".divToHide").hide();