javascript - jquery 错误 n 无效的选择器

Question

我有那行代码:

  const actions = $('.leaflet-draw-actions a:visible').length;

这会引发很多错误:

DOMException: Failed to execute 'querySelectorAll' on 'Document': '.leaflet-draw-actions a:visible' is not a valid selector.
    at Function.Sizzle [as find] (...\node_modules\jquery\dist\jquery.js:869:1)

我想选择 .leaflet-draw-actions div 的所有链接可见子项。

您知道更好的有效选择器吗？

Answer 1

来自官方文档:

Because :visible is a jQuery extension and not part of the CSS specification, queries using :visible cannot take advantage of the performance boost provided by the native DOM querySelectorAll() method. To achieve the best performance when using :visible to select elements, first select the elements using a pure CSS selector, then use .filter(":visible").

而且它显然会尝试调用 querySelectorAll