Jqueryでテーブルヘッダーを反復する

Question

テーブルヘッダーをクリックすると、選択されたヘッダー以外のヘッダーのリストコレクションを繰り返し、内側の 'i'要素のクラスを切り替える必要があります。これは私が試したことです。働いていないようです。

$('#img' + obj).not('thead tr th span').find.('i').toggleClass('fa fa-caret-up fa fa-caret-down'); 


<div id="tableContainer" class="im-col--9"> 
         <table id="tablemain" class="im-overflow--scroll-y im-table im-table--compressed im-table--hover im-no-margin" style="height:20px;"> 
          <thead id="tableheader"> 
           <tr> 

           <th><input id="sel_DeSel_All" type="checkbox" value="" style="width: 20px;" class="tdcenter"/></th> 
           <th onclick=" fnjSort('Id'); " style="width: 145px;"> 

            <span id="imgId" class="header" ><i class="fa fa-caret-down fa-lg"></i> ID </span> 

           </th> 

           <th onclick=" fnjSort('LastName'); " style="width: 150px; height: 20px"> 

            <span id = "imgLastName" class="header"><i class="fa fa-caret-down fa-lg"></i> Last Name </span> 

           </th> 
           <th onclick=" fnjSort('FirstName'); " style="width: 150px; height: 20px"> 

            <span id = "imgFirstName" class="header"><i class="fa fa-caret-down fa-lg"></i> First Name </span> 

           </th> 
           <th onclick=" fnjSort('MissingBills'); " style="width: 150px; height: 20px"> 

            <span id="imgMissingBills" class="header wrap"><i class="fa fa-caret-down fa-lg"></i> Incomplete Tasks</span> 

           </th> 

           <th onclick=" fnjSort('Hospital'); " style="width: 150px; height: 20px"> 

            <span id="imgHospital" class="header"><i class="fa fa-caret-down fa-lg"></i> Site </span> 

           </th> 
           <th onclick=" fnjSort('DischargeDate'); " style="width: 70px; height: 20px"> 
            <span id="imgDischargeDate" class="header"><i class="fa fa-caret-down fa-lg"></i> DOD </span> 

           </th> 
           <th onclick=" fnjSort('Discharge'); " style="width: 40px; height: 20px"> 
            <span id="imgDischarge" class="header"><i class="fa fa-caret-down fa-lg"></i> D/C </span> 

           </th> 

          </tr> 
         </thead> 

Answer 1

とこの

それは spanだ場合は、id「IMG + ID」を持つノードは、それを除外見つける - しかし すべてご #img+idノード はスパンです：

$('#img' + obj).not('thead tr th span') 

氏は述べています。

.not(...)ビットを削除（とタイプミスを修正する）：

$('#img' + obj).find('i').toggleClass('fa-caret-up fa-caret-down'); 

Answer 2

の代わりに：

使用

find.('i') 

：（。）あなたが見つける（）にsintaxエラーを持っている

find('i') 

Answer 3

、1つの以上のドット

$('#img' + obj).not('thead tr th span').find('i').toggleClass('fa fa-caret-up fa fa-caret-down');