按类过滤 jQuery 对象并且没有标签

Question

使用以下代码：

// Get the highlighted content
let $content = $(editor.selection.getContent());

我得到了当前在 TinyMCE 中突出显示的内容。当我在控制台窗口中打印出$content 的值时，我得到以下信息：

$content
jQuery.fn.init(5)
    0: span.element.text-element
    1: text
    2: span.element.text-element
    3: text
    4: span.element.text-element
    length: 5

我要做的是验证所有对象是.text-element 类型还是文本类型。所以我正在执行以下$content.filter('.text-element').length 并将其与$content.length 进行比较。如果它们相等，我的对象是好的。但当然，仅过滤 '.text-element' 只会给我 3 个元素。

我也试过$content.filter('.text-element,:not([class]').length，但还是不行。

如何在没有类的情况下返回所有 '.text-element's 和元素？

我将添加一个 TinyMCE 标记。

Answer 1

您可以通过将函数传递给filter() 来实现您的目标。该函数可以检查元素是否存在，或者检查元素的nodeType：

let $filtered = $foo.filter((i, el) => el.classList.contains('text-element') || el.nodeType == Node.TEXT_NODE);