javascript - jquery 错误 : Syntax error, 无法识别的表达式

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 是显示:无；默认情况下，所以这应该可以工作，但我收到错误:

Uncaught Error :语法错误，无法识别的表达式:#dropdownnum(0)。

Answer 1

( 和 ) 需要转义。

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 选择一个不同的命名方案，这样你就不必这样做了。