如何将 jQuery 插件功能限制为仅某些元素？

Question

我检查了 jQuery 插件网站，它教我如何编写一个基本插件：

(function( $ ){
  $.fn.maxHeight = function() {
    var max = 0;
    this.each(function() {
      max = Math.max( max, $(this).height() );
    });
    return max;
  };
})( jQuery );

然后，d​​iv 可以有 maxHeight 方法，如下所示：

var tallest = $('div').maxHeight(); // Returns the height of the tallest div

但我想只有 textarea 有 maxHeight 函数，但不是该分区。我怎样才能这样做呢？

Answer 1

你可以做...

this.filter('textarea')

如果你对返回的集合执行each()，它只会迭代选定的textarea元素。

Answer 2

在检查/保存高度之前检查并确保该元素是文本区域。

this.each(function() {
    if(this.tagName.toLowerCase() === "textarea") {
        max = Math.max( max, $(this).height() );
    }
});

jQuery 插件不会为某些元素提供函数，而是为 jQuery 对象提供函数来处理一组选定的元素。最好的解决方案是使它们尽可能通用，并且仅在需要时调用 $("textarea").maxHeight() 。您没有在插件中执行任何特定于 textarea 的操作，如果您保留现在的样子，则将来不需要对其进行更改，如果 $( 'div').maxHeight() 成为必需的用例。