Question

<table>
<tr class="csstablelisttd">
    <td>
    </td>
    <td>
        15
    </td>
</tr>
<tr class="csstablelisttd">
    <td>
    </td>
    <td>
        30
    </td>
</tr>
<tr class="csstablelisttd">
    <td>
    </td>
    <td>
        45
    </td>
</tr>

$(".csstablelisttd").live('mousedown', function(e) {
    lastRow = $(this).closest("tr")[0].rowIndex;
}

如何在jQuery中删除类的鼠标时使用列索引？

Answer 1

要获取列的索引，您可以使用index函数：

$(".csstablelisttd td").on('mousedown', function (e) {
    var colIndex = $(this).index();
});

DEMONSTRATION

请注意，您必须在td上检测到事件，而不是tr。

Answer 2

列索引如下：

$('.csstablelisttd').mousedown(function (e) {
    var colIndex = $(e.target).closest('td').index();
});

我已更新了您的fiddle。

Answer 3

您当前的代码正在检查index的{{1}}，请选择tr：

td

Example fiddle

Answer 4

您正在侦听行本身上的事件，根据定义，该事件跨越表中的所有可用列。你可以这样做：

$('tr.csstablelisttd td').on('mouseover', function()
{
    var col = $(this).parent().children().index($(this)),
        row = $(this).parent().parent().children().index($(this).parent());

    alert('Row: ' + row + ', Column: ' + col);
});

我如何在jquery中使用鼠标下载col索引

4 个答案: