Question

我在表格中有一些行，如：

<tr class="DrillDownRow">
    <td>211</td>
    <td>namex</td>
    <td>4</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>4</td>
</tr>
<tr class="DrillDownRow">
    <td>212</td>
    <td>namey</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>3</td>
    <td>0</td>
    <td>0</td>
    <td>3</td>
</tr>

现在当点击一行时，我在jquery中获取它并执行一些工作。现在我想获得鼠标点击的td索引：

$(document).ready(function() {
    $('.DrillDownRow').css('cursor','pointer');
    $(document).on('click',".DrillDownRow", function(){
        //here i want to check on which td it clicked, like index number of clicked td.     
    });                         
});

Answer 1

尝试使用cellIndex。

＆＃13;

$('.DrillDownRow td').click(function(){
var td = this.cellIndex
console.log(td)
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<table>
<tr class="DrillDownRow">
    <td>211</td>
    <td>namex</td>
    <td>4</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>4</td>
</tr>
<tr class="DrillDownRow">
    <td>212</td>
    <td>namey</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>3</td>
    <td>0</td>
    <td>0</td>
    <td>3</td>
</tr>
</table>

＆＃13;

Answer 2

$('.DrillDownRow td').click(function(){
var td = $(this).text();
console.log(td)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<table>
<tr class="DrillDownRow">
    <td>211</td>
    <td>namex</td>
    <td>4</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>4</td>
</tr>
<tr class="DrillDownRow">
    <td>212</td>
    <td>namey</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>3</td>
    <td>0</td>
    <td>0</td>
    <td>3</td>
</tr>
</table>

试试这种方式。

在点击事件中添加td以获取td

的点击事件

如何点击表的td索引？

2 个答案: