Question

当我点击一个表格标题时，我想遍历标题的列表集合，除了所选择的标题集合之外，并切换内部标题的类“i＆＃39;元件。这就是我尝试过的。似乎没有工作。

$('#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

而不是：

find.('i')

使用：

find('i')

Answer 2

这个

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

说：找到id为＃34; img + id＆＃34;的节点然后排除它，如果它是span - 但所有您的#img+id节点是跨度。

删除.not(...)位（并修正拼写错误）：

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

Answer 3

你在find（）上有一个sintax错误，还有一个点（。）

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

在Jquery中遍历表头

3 个答案: