javascript - 如何通过类名获取元素值并将它们存储在 jQuery 的数组中？

Question

我正在尝试从 <form> 之外的文本框中获取值标签。 三个文本框具有相同的类名。我想获取它们的值并在以后使用它们。

我在 jQuery 中收到警报部分的错误下面。

HTML

 <input type="text" class="className">
 <input type="text" class="className">
 <input type="text" class="className">

jQuery

 var $j_object = $(".className");
 $j_object.each( function(i){
     alert($j_object[i].val())                      
 });

Answer 1

在此上下文中尝试使用 .eq(index)，

var $j_object = $(".className");
$j_object.each( function(i){
  alert($j_object.eq(i).val());                     
});

或者您可以在 .each() 中使用 this 值来简化任务，

var $j_object = $(".className");
$j_object.each( function(){
  alert($(this).val());                     
});

如果您使用方括号表示法访问 jquery 元素集合，那么将返回纯 javascript 对象。而且它的原型(prototype)中不会有 jquery 函数。