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();
});