javascript - 如何使用CSS选择内部没有跨度的标签标签

Question

是否可以使用 CSS 定位所有没有跨度的标签:

<label><span></span>foo</label>    <-- don't target this one
<label>bar</label>                 <-- do target this one

Answer 1

I was thinking that I might have to use jQuery, so my targeting question would help here too.

使用 jQuery，您可以遍历每个 label，过滤掉任何包含 span 元素的标签。为此，我们可以使用 jQuery's filter() method :

The second form of this method [filter] allows us to filter elements against a function rather than a selector. For each element, if the function returns true (or a "truthy" value), the element will be included in the filtered set; otherwise, it will be excluded.

$('label').filter(function() {
    return $(this).children('span').length == 0;
});

这会选择所有 label 元素 ($('label'))，然后使用 filter() 遍历它们以确保没有找到子 span 元素(如果有子 span 元素，则 length 属性将等于匹配数)。