如何预先以特定类前缀开头的所有输入

Question

我有多个输入:

<input class="pdf-in pdf-bg custom-inbox pdf-bg-3 rate_1 cant_be_empty" type="text" onchange="doMultiplication(1)" onkeyup="doMultiplication(1)">
<input class="pdf-in pdf-bg custom-inbox pdf-bg-3 rate_2 cant_be_empty" type="text" onchange="doMultiplication(2)" onkeyup="doMultiplication(2)">

我想循环遍历它们并获取值.这是我的代码:

$("input[class^='rate_']").each(function() {
    alert('hi');
    totalTime = timeSum(totalTime, $(this).val());
});

它不起作用.有任何想法吗？

请注意,这些字段是由AJAX调用生成的.

Answer 1

由于它们是由AJAX调用生成的,因此最好在success回调上发送它们.如果那是不可能的,你可以使用$.ajaxComplete().

$( document ).ajaxComplete(function() {
  $("input[class^='rate_']").each(function() {
    alert('hi');
    totalTime = timeSum(totalTime, $(this).val());
  });
});

此处的问题还在于,类可能并不总是以名称开头.所以你需要使用:

$("input[class^='rate_'], input[class*=' rate_']")

你的最终代码是:

$( document ).ajaxComplete(function() {
  $("input[class^='rate_'], input[class*=' rate_']").each(function() {
    alert('hi');
    totalTime = timeSum(totalTime, $(this).val());
  });
});