javascript - var 上的 "+"字符出现问题

Question

传递给 jQuery 对象 $() 的字符串中的字符“+”有问题

我尝试初始化 String 对象并连接，但问题仍然存在。

function fn(string){
    $(string).show();
}

let myString = ".my-class-that-contains+";
fn(myString);

代码未按预期响应。当我从字符串末尾删除字符“+”时，一切正常。

Answer 1

+ 在选择器中具有定义的含义。这是一个sibling combinator .

要在类选择器的类名中使用它，您需要对其进行转义(使用 \)。

请记住，CSS 转义字符也是 JavaScript 转义字符，因此您必须转义选择器中的 \ 字符，才能将它们放入 JavaScript 字符串文字中。

function fn(string){
    $(string).show();
}

let myString = ".my-class-that-contains\\+";
fn(myString);

div { display: none; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="my-class-that-contains+">
This is hidden by default
</div>

最好首先避免在类名称中使用特殊字符。