[JavaScript] 테이블 ctrl shift 다중 선택 이벤트

         $('.AddGroupMemberInfoTable>tbody>tr').on("click", function (e) {
             var This = $(this);
             var TR = document.getElementsByClassName('SelectUser')
             if (e.shiftKey) {
                 let firstindex = 0;
                 $.each(TR, function (i, v) {
                     firstindex = $(v).index()
                 })
                 let lastindex = $(this).index()
                 for (var i = Math.min(firstindex, lastindex); i < Math.max(firstindex, lastindex); i++) {
                     $('.AddGroupMemberInfoTable>tbody>tr').eq(i).addClass("SelectUser")
                 }
                 This.addClass("SelectUser")

             }
             else if (e.ctrlKey) {
                 if ($(This).hasClass("SelectUser")) {
                     $(This).removeClass("SelectUser")
                     $('This>td.UserIcon').css({ "background-color": "#F8FAFF" })
                 } else {
                     This.addClass("SelectUser")
                     $('This>td.UserIcon').css({ "background-color": "#F8FAFF" })
                 }
             }
             else {
                 if (TR.length > 0) {
                     $(TR).removeClass("SelectUser");
                 }
                 if ($(This).hasClass("SelectUser")) {
                     $(This).removeClass("SelectUser")
                     $('This>td.UserIcon').css({ "background-color": "#F8FAFF" })
                 } else{
                     This.addClass("SelectUser")
                     $('This>td.UserIcon').css({ "background-color": "#F8FAFF" })
                 }
             }
         })