jQuery的错误：语法错误，无法识别的表达

Question

这是我的HTML：

<div class="dropdown-text" id="dropdownopen" onclick="dropdownopen(0)"> 
    <div class="inside">+ Show Content</div> 
</div> 

<div class="dropdown" id="dropdownnum(0)"> 
    <div class="inner">INSERT DROPDOWN CONTENT IN HERE</div> 
</div> 

这里是我的JS（jQuery的）：

function dropdownopen(param) { 
    $('#dropdownnum('+param+')').fadeOut(300); 
} 

的#dropdownnum（0）DIV为显示：无;默认情况下，所以这应该工作，但我得到的错误：

未捕获的错误：语法错误，无法识别的表达式：#dropdownnum（0）。

Answer 1

您不能有(和)这样的特殊字符，其值为id。请尝试将您的代码更改为：

<div class="dropdown-text" id="dropdownopen" onclick="dropdownopen(0)"> 
    <div class="inside">+ Show Content</div> 
</div> 

<div class="dropdown" id="dropdownnum-0"> 
    <div class="inner">INSERT DROPDOWN CONTENT IN HERE</div> 
</div> 

function dropdownopen(param) { 
    $('#dropdownnum-'+param).fadeOut(300); 
} 

Answer 2

（和）需要转义。

function dropdownopen(param) { 
 
    $('#dropdownnum\\('+param+'\\)').fadeOut(300); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="dropdown-text" id="dropdownopen" onclick="dropdownopen(0)"> 
 
    <div class="inside">+ Show Content</div> 
 
</div> 
 

 
<div class="dropdown" id="dropdownnum(0)"> 
 
    <div class="inner">INSERT DROPDOWN CONTENT IN HERE</div> 
 
</div>

但你真的应该选择适合您的ID的不同的命名方案，以便您不必这样做。