需要具有包含特殊转义(撇号)字符的属性的 Css 选择器

Question

我正在尝试使用jQuery css选择器来查找使用属性规范的元素。问题是有时属性的值包含一个撇号，如下所示：

<ul id="mylist">
    <li data-abrv="N">None</li>
    <li data-abrv="W'A">With'Apos</li>
</ul>

我试过了

$('#mylist li[data-abrv="W'A"]')

和

$('#mylist li[data-abrv="W'A"]')

。但似乎两者都不起作用。这可能吗？如果是这样，如何？

注意：我无法控制 HTML 内容。

Answer 1

它似乎有效。

$('#mylist li[data-abrv="W'A"]').css({color:'red'});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<ul id="mylist">
    <li data-abrv="N">None</li>
    <li data-abrv="W'A">With'Apos</li>
</ul>

Answer 2

$('#mylist li[data-abrv*="'"]')  

通过此选择器查看演示，您可以选择所有 LI 哪个数据 ABRV 包含 ' 单人床