jquery - 查找只有文本而不是任何其他 html 标签的元素

Question

我需要使用 jquery 检查 anchor 元素中是否只有文本，而没有任何其他标签(img、b)或任何其他内容。

<a href="">TV</a>

应该可以找到，但是:

<a href=""><img /></a>

或者:

<a href=""><span>TV</span></a>

或任何其他 HTML 标记，不应该被找到。

我该怎么做？

提前致谢。

Answer 1

我们可以使用 filter()函数删除有子元素的元素(使用 children() 方法检查)。

var emptyAs = $('a').filter(function () {
    return $(this).children().length == 0;
});

您还可以使用 :not() selector结合 :has() selector ;

var moreEmptyAs = $('a:not(:has(*))');

您可以在下面的 JSFiddle 中看到这两者的工作； http://jsfiddle.net/JD67U/