javascript - 使用 jQuery 在增量 ID 输入之间进行迭代

Question

我的 HTML 中有一些输入具有 ID，例如 element1、element2、element3、...elementN

如果我想在每个元素上使用选择器，我不想为每个元素创建一个这样的选择器: $("#element1") 有没有一种方法可以使用 for 循环使用 jQuery 在 element1 和 elementN 之间迭代？

编辑:我需要使用另一个增量 ID 执行验证，如下所示

var X1 = $("#element1").val();
var X2 = $("#anotherElement1").val();
if (X1 == X2)
{ 
//do something
}

编辑2(添加上下文)

<input data-val="true" data-val-number="The field Element1 must be a 
number." id="Element1 " max="1000" min="0" name="EnergyAt1" step="0,1" type="text" value="18,3" 
data-role="numerictextbox" role="spinbutton" aria-valuemin="0" 
aria-valuemax="1000" 
class="k-input" aria-valuenow="18,3" aria-disabled="false" style="display: none;">

<input data-val="true" data-val-number="The field AnotherElement1 must be a 
number." id="AnotherElement1 " max="1000" min="0" name="EnergyAt1" step="0,1" 
type="text" value="18,3" data-role="numerictextbox" role="spinbutton" aria- 
valuemin="0" aria-valuemax="1000" class="k-input" aria-valuenow="18,3" aria- 
disabled="false" style="display: none;">

我需要做的是一个绑定(bind)到我的提交按钮的函数，该函数检查 1 到 N 之间的每个元素 if ( ElementX.val() != 0 && AnotherElementX == 0) 阻止表单的提交。

Answer 1

假设每个以 element 开头的 ID 都是您想要选择的，您可以使用选择器字符串 [id^="element"]，它将选择id 以 element 开头的所有内容:

$('[id^="element"]').each(function() {
  console.log($(this).text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="element1">e1</div>
<div id="element2">e2</div>
<div id="element3">e3</div>
<div id="element4">e4</div>

但如果可能的话，请改用类 - id 在这种情况下不太合适:

$('.element').each(function() {
  console.log($(this).text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="element">e1</div>
<div class="element">e2</div>
<div class="element">e3</div>
<div class="element">e4</div>