如何找到哪個孩子有使用jQuery的表的特定類？

Question

如何找到哪個孩子有'正常排序表'類使用jQuery的表類'nosort'？我想用'nosort'類來提醒列號。

<table class="normal-sort-table"> 
    <thead> 
     <tr> 
      <th>#</th> 
      <th>First Name</th> 
      <th>Last Name</th> 
      <th class="nosort">Username</th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>1</td> 
      <td>Mark</td> 
      <td>Otto</td> 
      <td>mark246</td> 
     </tr> 
    </tbody> 
</table> 
<script> 
$(document).ready(function() { 

    if ($('.normal-sort-table tr th').hasClass("nosort")) {alert('column-number-with-nosort-class-alert-here')} 


}) 
</script> 

Answer 1

可以使用JQ .index()方法：

$('.normal-sort-table tr th.nosort').index() 

Answer 2

alert($("th").index($(".nosort"))); 

Answer 3

如果你想確切的列數，那麼你必須寫

alert($('th.nosort').index()+1); 

監守從零開始的索引。

alert($('th.nosort').index()); 

alert($('th.nosort').index()+1);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<table class="normal-sort-table"> 
 
     <thead> 
 
      <tr> 
 
       <th>#</th> 
 
       <th>First Name</th> 
 
       <th>Last Name</th> 
 
       <th class="nosort">Username</th> 
 
      </tr> 
 
     </thead> 
 
     <tbody> 
 
      <tr> 
 
       <td>1</td> 
 
       <td>Mark</td> 
 
       <td>Otto</td> 
 
       <td>mark246</td> 
 
      </tr> 
 
     </tbody> 
 
    </table>