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

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 属性作为开始，但如果有一个父容器，例如 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

jQuery Get Specific ID From Multiple Textbox

html

jquery

textbox