需要 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*="\'"]')

通过此 select 查看 demo 或者您可以 select data-abrv 包含的所有 li' single cot

需要 Css 属性包含特殊转义（撇号）字符的选择器

Need Css Selector with attribute containing special escape (apostrophe) character

jquery

attributes

jquery-selectors