Jquery 找不到带有"+"的类

Question

我有这些带有"+"字符串的类。 crg-th-post-gsm+bb-sub-sub-all-programs但问题是当我尝试$('.crg-th-post-gsm+bb-sub-sub-all-programs') jquery 似乎找不到它时，因为我尝试在没有"+"它工作正常的情况下尝试测试它。如何使其与"+"一起使用？有办法吗？

我还可以想到的另一种解决方法是使用 .replace 替换字符串"+"，但当我使用 string.replace(/+/g,'-') 时它无法识别。

Answer 1

使用escapeSelector文档：

console.log($('.' + $.escapeSelector("crg-th-post-gsm+bb-sub-sub-all-programs" )).text());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="crg-th-post-gsm+bb-sub-sub-all-programs">TEXT</div>

Answer 2

你需要用\逃离+

$('.crg-th-post-gsm\+bb-sub-sub-all-programs').text( 'Hello there' );

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="crg-th-post-gsm+bb-sub-sub-all-programs"></div>