TypeError：$(...).parents(...).size不是函数

Question

我有一个基本的脚本，允许我点击网站的背景，不包括#content。

在将jQuery升级到3.1.0版本后，我得到这个错误：TypeError: $(...).parents(...).size is not a function。

<script type="text/javascript">
  $(function() {
    $("#background").click(function(e) {
      if (e.target.id == "wrapper" || $(e.target).parents("#wrapper").size()) 
      {
        // do nothing
      } 
      else
      {
        window.open('http://example.com');
      }
    });
  })
</script>`

我不知道该怎么解决它。jQuery已正确加载。请帮帮忙。

Answer 1

size()在几年前就被弃用了，并在版本3中被删除...请改用length

if (e.target.id == "wrapper" || $(e.target).parents("#wrapper").length)

您所要做的就是在size() docs中查找它来找到它

Answer 2

请按照@charlietfl的建议使用'length'。但我无法跟踪错误显示的位置，因此我最终得到了下面的结果。

(function ($) {
    $.fn.extend({
        size: function () {
            return $(this).length;
        }
    });
})(jQuery);