给iframe选中的标签添加样式-蒲公英云

给iframe选中的标签添加样式

html

<body> 
    <div class="setting">
      <div class="setting-menu">
        <div class="content">
          <h4>邮件</h4>
          <div class="setting-list todo">
        <dl>
            <dd><a href="email_list.html" openmode="1" target="mailIframe">邮箱接入</a></dd>
            <dd><a href="/ucc-mail/mail/send/index.html" target="mailIframe" openmode="1">写信</a></dd>
            <dd><a href="./book/book_list.html" target="mailIframe">通迅录<span class="badge" style=""></span></a></dd>
            <dt><a href="javascript:void(0)"></a></dt>
            <dd><a href="./inbox/inbox_list_new.html?mailType=0" target="mailIframe">收件箱<span id="unreadInbox" class="badge badge-info"></span></a></dd>
            <dd><a href="./draft/draft_list.html" target="mailIframe">草稿箱</a></dd>
            <dd><a href="./inbox/inbox_list_new.html?mailType=5" target="mailIframe">已发送</a></dd>
            <dd><a href="./inbox/inbox_list_new.html?mailType=3" target="mailIframe">回收站<span id="unreadDeleted" class="badge badge-info"></span></a></dd>
        </dl>
        </div>
        </div>
      </div>
      <div class="setting-page">
          <iframe src="./mail_index.html" frameborder="0" scrolling="no" name="mailIframe" id="mailIframe" ></iframe>
      </div>
    </div>
</body>

<script src="../../js/plugin/jQuery/jQuery-2.1.4.min.js"></script>
<script src="../../js/mail/unread_count.js"></script>
<script>
    $(function(){
         $("dd").click(function(){
            $("dd").removeClass("active");
            $(this).addClass("active");
         })        
    })
</script>