blocks|key|265140|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|265141|$('.table-tabs+button').click(function(){

var+btn+=+$(this).html();

alert(btn);

});|code-block|syntax|javascript|265142|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Try this:</p>

<pre><code>$('.table-tabs button').click(function(){

var btn = $(this).html();

alert(btn);

});
</code></pre>


blocks|key|4107633|text|只需捕获被单击的按钮。:)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4107634|http://jsfiddle.net/MetalFrog/9dDy9/5/|offset|length|4107635|HTML+:更新以匹配您的示例。|style|BOLD|4107636|$(function(){
++++$('.table-tabs+button').click(+function(){
+++++++console.log(+$(this).text()+);
++++});+
});|code-block|syntax|javascript|4107637|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|12|0|0|8|7|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@$D|X|E|Y|1|Z]]|A|$]]|$1|F|3|G|5|6|7|10|8|@$D|11|E|12|H|I]]|9|@]|A|$]]|$1|J|3|K|5|L|7|13|8|@]|9|@]|A|$M|N]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|C]]]]

<p>Just capture which button is clicked. :)</p>

<p><a href="http://jsfiddle.net/MetalFrog/9dDy9/5/" rel="nofollow">http://jsfiddle.net/MetalFrog/9dDy9/5/</a></p>

<p><strong>Edit:</strong> Updated to match your example HTML.</p>

<pre><code>$(function(){
    $('.table-tabs button').click( function(){
       console.log( $(this).text() );
    }); 
});
</code></pre>


blocks|key|1282838|text|假设您有一个类型为button的输入，其中数字设置为输入值，您可以使用jQuery选择器选择所有类型为button的输入，然后为将读取值的单击事件添加一个函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1282839|HTML：|1282840|<div>
++++<input+type="button"+value="1"+/>
++++<input+type="button"+value="2"+/>
++++<input+type="button"+value="3"+/>
</div>|code-block|syntax|javascript|1282841|JavaScript：|1282842|$(":input[type='button']").click(function()+{
++++++++alert($(this).val());
++++}
)|1282843|示例：http://jsfiddle.net/M6v5b/|offset|length|1282844|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/M6v5b/^0|0|0|0|0|0|3|Q|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|13|8|@]|9|@$O|14|P|15|1|16]]|A|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

<p>Assuming you have an input of type button, where the number is set to the value of the input,
you can use a jQuery selector to select all inputs of type button, and then add a function for the click event that will read the value:</p>

<p>HTML:</p>

<pre><code>&lt;div&gt;
    &lt;input type="button" value="1" /&gt;
    &lt;input type="button" value="2" /&gt;
    &lt;input type="button" value="3" /&gt;
&lt;/div&gt;
</code></pre>

<p>JavaScript:</p>

<pre><code>$(":input[type='button']").click(function() {
        alert($(this).val());
    }
)
</code></pre>

<p>Example:  <a href="http://jsfiddle.net/M6v5b/" rel="nofollow">http://jsfiddle.net/M6v5b/</a></p>


blocks|key|266070|text|您可以使用.index()来获取按钮的编号(从0开始)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|266071|$('.table-tabs+button').click(function(){
++++console.log($(this).index('.table-tabs+button'));
});|code-block|syntax|javascript|266072|演示：http://jsfiddle.net/UPKgm/|266073|或者，您可以解析class并获得选项卡号，但这需要更多的工作。|266074|$('.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);
});|266075|演示：http://jsfiddle.net/UPKgm/1/|266076|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/UPKgm/|1|http://jsfiddle.net/UPKgm/1/^0|5|8|0|0|3|Q|0|0|8|5|0|0|3|S|1|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|16|8|@]|D|@$9|17|A|18|1|19]]|E|$]]|$1|M|3|N|5|6|7|1A|8|@$9|1B|A|1C|B|C]]|D|@]|E|$]]|$1|O|3|P|5|H|7|1D|8|@]|D|@]|E|$I|J]]|$1|Q|3|R|5|6|7|1E|8|@]|D|@$9|1F|A|1G|1|1H]]|E|$]]|$1|S|3|-4|5|6|7|1I|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]|10|$5|V|W|X|E|$Y|11]]]]

<p>You can use <code>.index()</code> to get the number of the button (staring at 0).</p>

<pre><code>$('.table-tabs button').click(function(){
    console.log($(this).index('.table-tabs button'));
});
</code></pre>

<p>DEMO: <a href="http://jsfiddle.net/UPKgm/" rel="nofollow">http://jsfiddle.net/UPKgm/</a></p>

<p>Or, you can parse the <code>class</code> and get the tab number, but that takes more work.</p>

<pre><code>$('.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);
});
</code></pre>

<p>DEMO: <a href="http://jsfiddle.net/UPKgm/1/" rel="nofollow">http://jsfiddle.net/UPKgm/1/</a></p>


<p>Say that I have three "button" elements in one parent "div". Assuming that these buttons could be labeled 1, 2, 3 or 0, 1, 2, using jQuery, is there an easy way to determine the number of which button is clicked?</p>

<p>Here's the HTML:</p>

<pre><code>&lt;div class="table-tabs"&gt;
    &lt;button class="tab1 selected"&gt;Description&lt;/button&gt;
    &lt;button class="tab2"&gt;Monitoring&lt;/button&gt;
    &lt;button class="tab3"&gt;Change Logs&lt;/button&gt;
&lt;/div&gt;
</code></pre>

<p>I would like to know the number so that I can activate the appropriate table when a button is pressed.</p>


Determine which button was pressed using jQuery

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

假设我在一个父"div“中有三个"button”元素。假设这些按钮可以使用jQuery标记为1，2，3或0，1，2，那么有没有一种简单的方法来确定被点击的按钮的数量？下面是HTML：<div class="table-tabs">    <button class="tab1 selected">Description...

问使用jQuery确定按下的按钮
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery确定按下的按钮EN