找到完全匹配文本的CSS选择器

问题描述

任何人都知道如何编写CSS选择器来查找包含准确文本的元素。我试过了 def show_letters(word): for letter in reversed(word): print(letter) show_letters("Hello") """ Output: o l l e H """ 或label:contains("^ab$")或label[innertext="ab"]都不起作用

label[text="ab"]

我只想找到元素<div> <label>ab</label> <label>ab cd</label> <label>ab asd cd</label> </div>

解决方法

不可能通过CSS。

在此处阅读更多信息。

https://stackoverflow.com/a/1520469/7030091

基本上，他们考虑过将其添加到CSS3中，但没有这样做，因为要使其变得有效可能很困难。

但是，您可以通过Javascript执行此操作。上一个链接也有一个示例。

,

如果可以使用jquery，则可以使用filter函数过滤包含特定字符串的元素：

function getElementWithValue(elems,value){
    return elems.filter(function(index){
        return $(this).text() == value;
    });
}

$(document).ready(function(){
    var resultLabel = getElementWithValue($('label'),'ab');
});

<div>
<label>ab</label>
<label>ab cd</label>
<label>ab asd cd</label>
</div>