javascript - 如何通过 jQuery 向元素添加函数？

Question

我想做这样的事情:

$('.dynamicHtmlForm').validate = function() {
  return true;
}

$('.dynamicHtmlForm .saveButton').click(function() {
  if (!$(this).closest('.dynamicHtmlForm').validate()) {
    return false;
  }

  return true;
});

然后当我有一个类 dynamicHtmlForm 的表单时，我希望能够提供一个自定义的 validate() 函数:

$('#myDynamicHtmlForm').validate = function() {
  // do some validation

  if (there are errors) {
    return false;
  }

  return true;
}

但是当我这样做的时候我得到了这个:

$(this).closest(".dynamicHtmlForm").validate is not a function

我所描述的是否可能？如果是这样，我做错了什么？

Answer 1

是的，这在技术上是可行的。但是，您需要引用元素本身，而不是 jQuery 集合。这应该有效:

$('.dynamicHtmlForm').each(function (ix,o) {
  o.validate = function() {
    return true;
  }
});

$('.dynamicHtmlForm .saveButton').click(function() {
  if ($(this).closest('.dynamicHtmlForm')[0].validate()) {
    return false;
  }

  return true;
}