需要具有包含特殊转义（撇号）字符的属性的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

似乎有效。

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

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

通过此选择器查看demo您可以选​​择data-abrv包含的所有li'单个cot