Javascript 在Jquery中遍历表头

Javascript 在Jquery中遍历表头,javascript,jquery,html,css,Javascript,Jquery,Html,Css,当我单击一个表头时,我希望遍历表头的列表集合(所选的除外),并切换内部“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="ta

当我单击一个表头时,我希望遍历表头的列表集合(所选的除外),并切换内部“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>
$('img'+obj.).not('thead tr th span').find('i').toggleClass('fa-fa-caret-up-fa-caret-down');
身份证件
姓
名字
未完成的任务
场地
国防部
承兑交单
而不是:

find.('i')
使用:


find()上有一个sintax错误,还有一个点(.)

这个

说明:找到id为“img+id”的节点,如果它是
span
,则将其排除-但所有
#img+id
节点都是span

删除
.not(…)
位(并修复打字错误):


发布你的html。如果你有额外的标记,也可以添加你的标记。在关键字find之后。不要切换
fa
两次-只需将其排除在toggleClass“似乎不起作用”之外。你能稍微含糊一点吗?控制台中的错误?什么都不做?做点什么,但不是你想要的?
find('i')
$('#img' + obj).not('thead tr th span').find('i').toggleClass('fa fa-caret-up fa fa-caret-down');
$('#img' + obj).not('thead tr th span')
$('#img' + obj).find('i').toggleClass('fa-caret-up fa-caret-down');