5

I have the following html:

<form novalidate="" id="loginform" action="" method="post">
  <input type="hidden" name="c" id="c" value="abc">
  <input type="hidden" name="initiation" id="initiation" value="test1">
  <input type="hidden" name="rmo" id="rmo" value="test2">

................

I want to select all the input elements, but when I enter:

$("input")

In the chrome devtools console, I only get the first element:

<input type="hidden" name="c" id="c" value="abc">

what can I enter to get an entire list of the input elements?

4

1 回答 1

9

这不是一个愚蠢的问题。这实际上是 Chrome 开发者工具带来的令人困惑的行为。

这里发生的事情是您没有包含 JQuery。$Google Chrome 具有Chrome 开发人员工具中可用的变量/功能。它与 jQuery 不同。

这是有关它的文档：https ://developers.google.com/chrome-developer-tools/docs/commandline-api#selector

这种情况下的文档说：

返回对具有指定 CSS 选择器的第一个 DOM 元素的引用。此函数是 document.querySelector() 函数的别名。

所以，它有点像 jQuery，如果你没想到的话，它足以欺骗你。它仅在开发人员工具中可用。当您安装 jQuery 时，它会出现别名，它会自行安装，window.$因此您永远不会知道（尝试在空白窗口的控制台中打印$和window.$）。

通过将 jQuery 添加到您的 HTML 文档来解决此问题。

于 2013-09-04T16:39:38.413 回答