如何切换<li> onchange </li>的类

时间:2014-04-10 08:59:56

标签: javascript jquery html

在改变下拉列表时,我想更改&lt;的类。李&GT;使用li ID

分类

HTML code:

 <select id="table_no" name="table_no">
             <option value="1">1</option>
             <option value="2">2</option>
              ...
              ...
    </select>

     <ul id=place">
         <li id="1" class="seat selectedSeat"></li>
         <li id="2" class="seat selectedSeat"></li>
         ....
         ....
     </ul>

Jquery代码:

 $("#table_no").change(function (){
 var table_no = $(this).val() 
 $("#".table_no).removeClass('selectedSeat');
 $("#".table_no).addClass('pinkclass');
 });

在此代码中我想删除 selectedSeat CLASS,添加 pinkclass ,当dropdopdown更改时。在这段代码中,li类没有改变..

1 个答案:

答案 0 :(得分:3)

尝试使用+符号进行连接,这不是PHP

$("#table_no").change(function (){
 var table_no = $(this).val() 
 $("#" + table_no).removeClass('selectedSeat');
 $("#" + table_no).addClass('pinkclass');
 });

<强> Working Fiddle