我希望使用javascript/jquery从表中获取TD索引

我有这张桌子。我想要的是，当点击编辑按钮时，它会在页面加载时向我显示其TD索引作为警报。提前谢谢我希望有人能帮助我

如何通过javascript获取html表td单元格索引

        <tbody>
            <tr class="row" >
                <td>Yes</td>
                <td class="lalign" >0
                </td>

                <td >Route 3
                </td>

                <td >3
                </td>
                <td id="long">77.22496
                </td>

                <td  id="lat">30.242607
                </td>

                <td >null
                </td>
                <td >3
                </td>

                <td>
                    <input type="button" value="Edit" onclick=""/>
                    <input type="button" value="Delete" onclick="deleteRow(this.parentNode.parentNode.rowIndex)"/>

                </td>
            </tr>

        </tbody>
    </table>

对
0
三号干线
3.
77.22496
30.242607
无效的
3.

更新：

如果需要相对于父行的当前单元格编号：

var indextd= $(this).closest("td").index()+1;
alert(indextd);

如果需要相对于包含表的当前单元格编号：

var indextd= $(this).closest("td").index()+1;
var indextr= $(this).closest("tr").index()+1;
    
alert(indextd*indextr);

更新：

如果需要相对于父行的当前单元格编号：

var indextd= $(this).closest("td").index()+1;
alert(indextd);

如果需要相对于包含表的当前单元格编号：

var indextd= $(this).closest("td").index()+1;
var indextr= $(this).closest("tr").index()+1;
    
alert(indextd*indextr);

---

添加一个

id

edit

编辑按钮

，然后您可以执行以下操作：

更新的HTML

<table>
    <tbody>
        <tr class="row" >
            <td>Yes</td>
            <td class="lalign" >0
            </td>

            <td >Route 3
            </td>

            <td >3
            </td>
            <td id="long">77.22496
            </td>

            <td  id="lat">30.242607
            </td>

            <td >null
            </td>
            <td >3
            </td>

            <td>
                <input id="edit" type="button" value="Edit" onclick=""/>
                <input type="button" value="Delete" onclick="deleteRow(this.parentNode.parentNode.rowIndex)"/>

            </td>
        </tr>

    </tbody>
</table>

---

添加一个

id

edit

编辑按钮

，然后您可以执行以下操作：

更新的HTML

<table>
    <tbody>
        <tr class="row" >
            <td>Yes</td>
            <td class="lalign" >0
            </td>

            <td >Route 3
            </td>

            <td >3
            </td>
            <td id="long">77.22496
            </td>

            <td  id="lat">30.242607
            </td>

            <td >null
            </td>
            <td >3
            </td>

            <td>
                <input id="edit" type="button" value="Edit" onclick=""/>
                <input type="button" value="Delete" onclick="deleteRow(this.parentNode.parentNode.rowIndex)"/>

            </td>
        </tr>

    </tbody>
</table>

---

@AshishSrivastava，检查小提琴演示。它返回8它总是给每行8，请参见It@AshishSrivastava，查看小提琴演示。它返回8它总是给每一行8，看到了吗，看到了吗，它总是给我8它会给8，因为它总是检查其父tr的当前td的索引，你想要包含表的单元格索引吗。？看到这个，它总是给我8它会给8，因为它总是检查它的父tr的当前td的索引。你想要包含表的单元格索引吗。？

var indextd= $(this).closest("td").index()+1;
var indextr= $(this).closest("tr").index()+1;
    
alert(indextd*indextr);

<table>
    <tbody>
        <tr class="row" >
            <td>Yes</td>
            <td class="lalign" >0
            </td>

            <td >Route 3
            </td>

            <td >3
            </td>
            <td id="long">77.22496
            </td>

            <td  id="lat">30.242607
            </td>

            <td >null
            </td>
            <td >3
            </td>

            <td>
                <input id="edit" type="button" value="Edit" onclick=""/>
                <input type="button" value="Delete" onclick="deleteRow(this.parentNode.parentNode.rowIndex)"/>

            </td>
        </tr>

    </tbody>
</table>

$(document).ready(function() {
    $('#edit').click(function(){
       console.log($(this).parent("td").index()); 
    });
});