jquery - 如何过滤从 jquery .each() 函数接收的 anchor 标记

Question

我有一个包含 anchor 标记分配的 div。

其中一些标签的内侧有一个 img。

我需要获取所有包含常规文本的“a”，而不是图像标签或任何其他 HTML 标签。

如何使用 jquery 来完成此操作。

为了得到它们，我所做的就是:

$(element).find('a').each(function () {
 ...........
});

但是我如何使用 .text() 函数或其他任何东西来过滤它们。

谢谢

Answer 1

您可以使用not和 has选择器

$(element).find('a').filter(':not(:has(*))').each(function() {

});

这表示“查找 a 元素，然后将该选择过滤到那些没有子元素的元素”。 :has(*) 表示“选择有任何子元素的元素”，因此 :not(:has(*)) 表示“选择没有任何子元素的元素”子元素”。

<小时/>

您可以组合这两个选择器:

$(element).find('a:not(:has(*))').each...

但是，这意味着 querySelectorAll 将不起作用，因此选择速度会相当慢。

Live example at jsbin