Jquery函数Getvars "rebuild“

Question

我想“重建”一小段代码：

jQuery.fn.getCheckboxVal = function(){
    var vals = [];
    var i = 0;
    this.each(function(){
        vals[i++] = jQuery(this).val();
    });
    return vals;
}

就像这样：

function getvar() {
       var vals = [];
    var i = 0;
    this.each(function(){
        vals[i++] = $(this).val();
    });
    return vals; 
}

有没有人能帮我把“第二件”作品拿来？(链接到上面的完整代码片段：http://trentrichardson.com/2009/01/08/getting-a-list-of-checkbox-values-with-jquery/)

谢谢:)

Answer 1

在第一段代码中，this关键字指向要对其调用方法的jQuery对象，因此您必须在第二段代码中将其替换为jQuery对象：

function getvar(selector) {
  var vals = [];
  var i = 0;
  $(selector).each(function(){
    vals[i++] = $(this).val();
  });
  return vals; 
}

使用示例：

var values = getvar('input:checked');

您还可以使用map方法使其更简单：

function getvar(selector) {
  return $(selector).map(function(){
    return $(this).val();
  }).get();
}

Answer 2

我假设你想要一个接受元素作为参数的函数(这里是一个jQuery对象)：

function getValues($elements) {
    return $elements.map(function() {
        return $(this).val();
    }).get();
}

用法：

var values = getValues($('input'));