使用jQuery确定按下的按钮
使用jQuery确定按下的按钮
提问于 2012-01-07 02:48:45
假设我在一个父"div“中有三个"button”元素。假设这些按钮可以使用jQuery标记为1，2，3或0，1，2，那么有没有一种简单的方法来确定被点击的按钮的数量？
下面是HTML：
<div class="table-tabs">
<button class="tab1 selected">Description</button>
<button class="tab2">Monitoring</button>
<button class="tab3">Change Logs</button>
</div>我想知道号码，这样当按钮被按下时，我就可以激活相应的桌子。
回答 4
Stack Overflow用户
回答已采纳
发布于 2012-01-07 03:02:10
您可以使用.index()来获取按钮的编号(从0开始)。
$('.table-tabs button').click(function(){
console.log($(this).index('.table-tabs button'));
});演示：http://jsfiddle.net/UPKgm/
或者，您可以解析class并获得选项卡号，但这需要更多的工作。
$('.table-tabs button').click(function() {
var classes = $(this).attr('class').split(' '),
tabID;
$.each(classes, function() {
if (this.indexOf('tab') === 0) {
tabID = this.replace('tab', '');
return false;
}
});
console.log(tabID);
});演示：http://jsfiddle.net/UPKgm/1/
Stack Overflow用户
发布于 2012-01-07 02:54:26
试试这个：
$('.table-tabs button').click(function(){
var btn = $(this).html();
alert(btn);
});Stack Overflow用户
发布于 2012-01-07 02:55:24
只需捕获被单击的按钮。:)
http://jsfiddle.net/MetalFrog/9dDy9/5/
HTML :更新以匹配您的示例。
$(function(){
$('.table-tabs button').click( function(){
console.log( $(this).text() );
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8762857
复制相关文章
相似问题
腾讯云开发者
