获取gridview的列索引值？

Question

我正在使用html grid.I想要获取名为选中类的列的索引值。为了更好地理解它，我将给出html网格格式

<table style="width:600px;height:200px" id="gdTable" border="1">
        <tr>
            <td>
                <span id="lblFinance">Finance</span>
            </td>
            <td>
                <span id="lblRow1">r1c1</span>
            </td> 

        </tr>
        <tr>
           <td>
                <span id="Label1">Finance1</span>
            </td>
            <td **class="selected"**>
                <span id="Label2">r2c1</span>
            </td>                
        </tr>
        <tr>
           <td **class="selected"**>
                <span id="Label7">Finance2</span>
            </td>
            <td>
                <span id="Label8">r3c1</span>
            </td>
        </tr>
    </table>

我想要的结果是2（第二行col的索引）+1（第三行col的索引）= 3

我尝试过的jquery如下所示。我试图提醒列索引但没有得到所需的结果。

        function getCellValue() {
            $("#gdTable tr").each(function () {                    
                if($(this).children().hasClass("selected")){
                    var selCOL = $(this).children().hasClass("selected");
                    alert($(this).index(selCOL));
                }


            })
        }

Answer 1

尝试：

getCellValue();
function getCellValue() {
    $("#gdTable tr td.selected").each(function () {        
        alert($(this).index());
    });    
}

DEMO here.