javascript - 错误 : Syntax error, 无法识别的表达式

Question

我试图触发 onclick 事件，直到控制台日志中出现以下内容:

Error: Syntax error, unrecognized expression: li[data-path='00's']

我的代码如下:

$( "li[data-path='00\'s']" ).on("click", function() 
{
    console.log("in 00s");
    $('#replacewithimg').replaceWith('<img id="replacewithimg" src="../assets/img/playlist-icons/00s.png" style="padding-left: 5px;padding-right: 10px;padding-bottom: 5px;">');
    $('#replacewithtext').replaceWith('<b id="replacewithtext" style="font-size:30px;">00\'s Playlist</b>');
    $('#replacewithtext2').replaceWith('<p id="replacewithtext2" style="font-size:18px; padding-top:10px;">Includes Amy Whinehouse, Westlife, The Killers...</p>');
});

如果您单击与 li 标记匹配的元素，其中包含数据路径

00's

然后做它的事情。我认为问题出在转义单引号上？

Answer 1

使用

 $( "li[data-path='00\\'s']" )

而不是

$( "li[data-path='00\'s']" )

第一个反斜杠将转义函数调用中的第二个反斜杠并将其发送到函数，现在剩余的反斜杠将由 CSS 用于 CSS 选择器

PS:使用它来避免转义 '

$('#replacewithtext').replaceWith("<b id='replacewithtext' style='font-size:30px;'>00\'s Playlist</b>");

演示

$( "li[data-path='00\\'s']" ).on("click", function() 
{
    console.log("in 00s");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li data-path="00's"
    >Click</li>