如何使用jquery查找哪个子类具有表的特定类?

时间:2015-01-10 10:30:44

标签: javascript jquery

如何找到哪个孩子有班级' nosort'对于带有' normal-sort-table'的表格使用jquery的类?我想通过' 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>

3 个答案:

答案 0 :(得分:1)

您可以使用jq .index()方法:

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

答案 1 :(得分:1)

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

答案 2 :(得分:0)

如果您想确定列号,那么您已经写了

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>