2개이상의 class를 가지는 selector 처리

<div class="con_view_tab">
    <ul>
        <li class="pdt_item fir on"><a href="#contentView" id="showContent">강좌 상세설명</a></li>
        <li class="pdt_item las"><a href="#noticeView" id="showNotice">주의사항 및 취소 환불 규정</a></li>
    </ul>
</div>

아래처럼 각각의 클랙스를 붙혀서 쓰는군!!^^  ;;   $('.pdt_item .fir').addClass("on");  띄우면 다른 개념 ㅋㅋ(parents 개념인가!!)

var v_showContent = $('#showContent');
v_showContent.click(function (event) {
   $('#noticeView').hide();
   $('#contentView').show();
   $('.pdt_item').removeClass("on");
   $('.pdt_item.fir').addClass("on");

   event.preventDefault();
});
var v_showNotice = $('#showNotice');
v_showNotice.click(function (event) {
   $('#contentView').hide();
   $('#noticeView').show();
   $('.pdt_item').removeClass("on");
   $('.pdt_item.las').addClass("on");

   event.preventDefault();
});