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的不同的命名方案，以便您不必這樣做。