获取点击行索引的索引

Question

我是 mootools 新手，但对 jQuery 有很好的了解，
我正在尝试获取点击的索引。
这是我的 HTML 代码..

<table>
    <tr><td>One</td><td>Two</td><td>Three</td></tr>
    <tr><td>Four</td><td>Five</td><td>Six</td></tr>
    <tr><td>Seven</td><td>Eight</td><td>Nine</td></tr>
    <tr><td>Ten</td><td>Eleven</td><td>Twelve</td></tr>
</table>

下面是我的 Mootools 代码，

 $$('TABLE TBODY TR TD').addEvent('click',function(el)
                             {
                                 alert($(this).index());
                             });

看来代码是错误的，请有人让我知道获取元素属性的任何函数。

Answer 1

首先，回调中的 $(this) 是 jQuery 的东西。在mootools中，要获取当前行的索引，您可以检索行的集合< /a>，迭代它们，并将点击事件附加到所有 td 子级：

$('table tr').each(function(row, index){ //row is the current tr, index is fairly self-explanatory :P

    //for each row, get its td children, attach the click event, and alert the 'index' (the number of the row)

    row.getElements('td').addEvent('click',function(){
        alert(index);
    });

    //or, if you just want to know the index of the row without doing something with each td, just attach the click event to the row        

});

演示： http://jsfiddle.net/steweb/UN5jd/

编辑：到也获取 td 索引，你可以这样做：

$('table tr').each(function(row, index){
    row.getElements('td').each(function(column, i){
        column.addEvent('click',function(){
            alert("Row: " + index + " --- " + "Column: "+i);
        });
    });
});

demo2: http://jsfiddle.net/steweb/UN5jd/2/

Answer 2

这是一种更干净的方法：

$('table tr td').addEvent('click', function(e){
    var index = this.getParent('tr').getElements('td').indexOf(this);
    console.log(index);
});

工作示例： http://jsfiddle.net/kt9aN/