Javascript Jquery在不使用ID的情况下选择多个输入

我有一段代码如下：

<div class="container">

    <div class="row">
        <div class="col">
            <input class="form-control" type="text" id="#first">
        </div>
        <div class="col">
            <input class="form-control" type="text" id="#second">
        </div>
        <div class="col">
            <input class="form-control" type="text" id="#third">

        </div>
    </div>


</div>

如果我想获取每个输入的文本，我可以简单地使用jquery id选择（

$（'first）.text（）

） 既然我知道有很多方法可以选择dom元素，那么有没有一种好方法可以不使用id选择器来选择它们中的每一个呢？

使用

$（“input[type=text]”）注释中建议的
Carsten。（同时根据你的语法观察他的提示）

如果您想使用这些元素（例如验证），可以使用jquery中的
.each（）
函数并使用$（这是）：

以下是选择这些输入的一些其他可能性：

课程

给他们所有相同的类，并使选择器如下所示
$（“.yourClass”）

家长

为所有要选择特定类的输入提供容器
$（“.yourContainerClass input”）
或更精确的
$（“.yourContainerClass input[type=text]”）

属性

类似于
类型
您可以访问输入字段的每个属性，如下所示：
$（“[attribute='value']”）
这可以是
名称
值
或您喜欢的其他属性

这里您可以根据以下内容对属性选择器进行概述：


[attribute]-ex.$（“[href]”）-具有href属性的所有元素
[attribute！=value]-ex.$（“[href！='default.htm']”）-href属性值不等于“default.htm”的所有元素
[attribute$=value]-ex.$（“[href$='.jpg']”）-所有href属性值以“.jpg”结尾的元素
[attribute |=value]-ex-$（“[title |='tomory']”）-标题属性值等于'tomory'，或以'tomory'开头，后跟连字符的所有元素
[attribute^=value]-ex.$（“[title^='Tom']”）-标题属性值以“Tom”开头的所有元素
[attribute~=value]-ex.$（“[title~='hello']”）-具有包含特定单词“hello”的title属性值的所有元素
[attribute*=value]-ex.$（“[title*='hello']”）-具有包含单词“hello”的title属性值的所有元素
尝试
$（“输入[类型=文本]”）
，它也应该是
id=“first”
，而不是
id=“#first”
。它也应该是
$（'f#irst）.text（）
，而不是
$（'first）.text（）
，或者使用类名
$（'.form control'）
，谢谢您的评论！
$("input[type=text]").each(function( index ) {
  var test = $(this).val();
});