Javascript 如何使用JS获取索引?

Javascript 如何使用JS获取索引?,javascript,jquery,Javascript,Jquery,.tb按钮{ 宽度:100px; 高度:100px; 边界半径:50%; 背景颜色:灰色; 边框:3倍纯黑; 保证金:1px; } 身体{ 文本对齐:居中; } 欢迎收看四通! 这个游戏的目的是把你的四个芯片连在一起 :轮到你了,请选择一个专栏来放弃你的蓝筹股 您可以将id添加到按钮中,然后单击即可使用该id 例如 <table> <thead > <th><button id="0-0" type="butto

.tb按钮{
宽度:100px;
高度:100px;
边界半径:50%;
背景颜色:灰色;
边框:3倍纯黑;
保证金:1px;
}
身体{
文本对齐:居中;
}

欢迎收看四通!
这个游戏的目的是把你的四个芯片连在一起

:轮到你了,请选择一个专栏来放弃你的蓝筹股








您可以将id添加到按钮中,然后单击即可使用该id

例如

<table>
      <thead >
        <th><button id="0-0" type="button" name="button" ></button></th>
        <th><button id="0-1" type="button" name="button"></button></th>
        ...
      </thead><br>
      <thead >
        <th><button id="1-0" type="button" name="button"></button></th>
        <th><button id="1-1" type="button" name="button"></button></th>
        ...
      </thead><br>
...
</table>
您可以使用
$(this.parent('th').index()
获取列索引

$(this).closest('tr').index()
用于行索引

也应该使用
tr
而不是
thead
标记

   $("button").click(function() {
    var col_index = $(this).parent('th').index();
    var row_index = $(this).closest('tr').index();
    alert(row_index + "-" + col_index);
});
$(“按钮”)。单击(函数(){
var col_index=$(this.parent('th').index();
var row_index=$(this).closest('tr').index();
警报(行索引+“-”+列索引);
});
.tb按钮{
宽度:100px;
高度:100px;
边界半径:50%;
背景颜色:灰色;
边框:3倍纯黑;
保证金:1px;
}
身体{
文本对齐:居中;
}

欢迎收看四通!
这个游戏的目的是把你的四个芯片连在一起

:轮到你了,请选择一个专栏来放弃你的蓝筹股


因为您使用的是jQuery,所以可以使用
index()
函数

您可以定义全局变量,例如
buttonIndex
,当按下按钮时,将索引值保存在该变量中:

let buttonIndex;

$('button').click( function() {
    buttonIndex = $(this).index();
});
现在,您还可以在其他函数中使用
按钮索引
。如果您希望索引与页面中的所有按钮相关,这就是解决方案


希望这有帮助。

您提出的解决方案行不通。首先,您必须选择
this
,因此使用
$(this)
。其次,
id
属性指的是html id,而不是元素的编号。是的,我们也可以使用这种方式,我已经提到了注释代码<代码>警报($(this.attr('id'))非常感谢您的友好回答。我可以很容易地理解这种编码。我感谢你和所有对这个问题发表评论的人,非常感谢你的宝贵建议!这在我的编码中非常有效。我真的很感激!
let buttonIndex;

$('button').click( function() {
    buttonIndex = $(this).index();
});