Question

我在循环中有多个文本框。

示例：

1. <input type="text" class="inputText" id="CM0001"/>
2. <input type="text" class="inputText" id="CM0006"/>
3. <input type="text" class="inputText" id="CM0004"/>
4. <input type="text" class="inputText" id="CM0002"/>
5. <input type="text" class="inputText" id="CM0008"/>

文本框已排序，现在我想获取示例ID文本框3，或者有时我想获取ID文本框5。

如何使用jQuery做到这一点？有可能吗？

Answer 1

您可能首先要考虑使用更好的id属性，但是如果有父容器（例如.children()），则可以使用jQuery的div函数。

$(function() {
  var inputs = $('#inputs').children('input');
  
  // Get a random input
  console.log(inputs[Math.random() * inputs.length << 0])
  
  // Get a specific input
  console.log(inputs[3]);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="inputs">
  <input type="text" class="inputText" id="CM0001"/>
  <input type="text" class="inputText" id="CM0006"/>
  <input type="text" class="inputText" id="CM0004"/>
  <input type="text" class="inputText" id="CM0002"/>
  <input type="text" class="inputText" id="CM0008"/>
  <span>random element</span>
</div>

您还可以使用jQuery选择器，该选择器将所有输入与id包含“ CM”的属性相匹配。

$(function() {
  var inputs = $('input[id*="CM"]');
  console.log(inputs);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <input type="text" class="inputText" id="CM0001"/>
  <input type="text" class="inputText" id="CM0006"/>
  <input type="text" class="inputText" id="CM0004"/>
  <input type="text" class="inputText" id="CM0002"/>
  <input type="text" class="inputText" id="CM0008"/>

Answer 2

使用$('input.inputText:eq(index)')获取元素。

console.log($('input.inputText:eq(2)').attr('id')); // get inputText #3
console.log($('input.inputText:eq(4)').attr('id')); // get inputText #5

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
1. <input type="text" class="inputText" id="CM0001"/><br>
2. <input type="text" class="inputText" id="CM0006"/><br>
3. <input type="text" class="inputText" id="CM0004"/><br>
4. <input type="text" class="inputText" id="CM0002"/><br>
5. <input type="text" class="inputText" id="CM0008"/>

Answer 3

您的问题尚不清楚，但是以您的示例为基础，以最简单的形式通过ID获取特定的输入字段，您将使用以下代码：

$('#CM0001').val();

或者，如果您想要一个可以接受ID作为变量并允许您选择任何输入字段（按ID）的函数，则可以使用如下代码：

function getInputVal(fieldID){
    var chosenID = '#'+fieldID;
    return $(chosenID).val();
}

并像这样使用它： getInputVal（'CM0006'）;

jQuery从多个文本框中获取特定的ID

3 个答案: