Question

我有以下HTML代码：

   <div class="/temp">asdf</div>
   <input type="button" class="hide_message_button" value="Hide">

它的jQuery是这样的：

$('.hide_message_button').click(function(){
   var bool = $('./temp').is(':hidden');
   if(bool){
      $('./temp').show();
      $(this).val('Hide');
   }
   else {
      $('./temp').hide();
      $(this).val('Show');
   }
});

我想要做的就是在点击按钮时显示或隐藏div。但是，我收到以下错误：

Uncaught Error: Syntax error, unrecognized expression: ./temp

当类名只是“temp”时工作正常。不幸的是，类名前缀为/，我不想改变它。如何解决错误？

Answer 1

你需要逃避元字符。

使用任何元字符（例如！＆＃34;＃$％＆amp;＆＃39;（）* +，。/：;＆lt; =＆gt;？@ [] ^`{| }〜）作为名称的文字部分，必须使用两个反斜杠进行转义：\\

$('.\\/temp').is(':hidden');

Answer 2

用双反斜杠逃避斜线。

Answer 3

转义特殊字符使用\

$('.\\/temp').is(':hidden');

http://api.jquery.com/category/selectors/

jQuery无法识别前缀为“/”的类名

3 个答案: