Javascript中點擊事件對應的改變div狀態

標籤：UNC   item   asc   fun   tle   click   select   ann   ref   

<div class="setted-wrap J_channel_sets">
  <div class="setting-item" id="k1" style="display: none;">
    <div class="fl cfx"><span class="setting-tit fl" title="單選題">單選題</span> <em
      class="fl"><b>0</b>道試題可用</em></div>
    <div class="setting-fun fr"><input type="text" name="question_channel_type[1]" class="warnning"
                                       value="" placeholder="0">道 <i class="del iconw-del2"></i></div>
  </div>
  <div class="setting-item" id="k2" style="display: none;">
    <div class="fl cfx"><span class="setting-tit fl" title="填空題">填空題</span> <em
      class="fl"><b>0</b>道試題可用</em></div>
    <div class="setting-fun fr"><input type="text" name="question_channel_type[4]" class="warnning"
                                       value="" placeholder="0">道 <i class="del iconw-del2"></i></div>
  </div>
  <div class="setting-item" id="k3" style="display: none;">
    <div class="fl cfx"><span class="setting-tit fl" title="計算題">計算題</span> <em
      class="fl"><b>0</b>道試題可用</em></div>
      <div class="setting-fun fr"><input type="text" name="question_channel_type[6]" class="warnning"
                                         value="" placeholder="0">道 <i class="del iconw-del2"></i></div>
    <div class="setting-fun fr"></div>
  </div>

<div class="smart-type-warp">
  <div class="smart-type-set J_channel_btns" id="ding">
      <a href="javascript:;" title="單選題" id="k1">單選題</a>
      <a href="javascript:;" title="填空題" id="k2">填空題</a>
      <a href="javascript:;" title="計算題" id="k3">計算題</a>

//第一步，將選中的題目類型狀態成為選中狀態
$(document).ready(function () {
    $("#ding a").click(function () {
        $(this).addClass("selected");
//第二步，改變選中的題目類型對應的題目
        var ID = $(this).attr(‘id‘);
        document.getElementById(ID).style.display="block";

    });

Javascript中點擊事件對應的改變div狀態