Question

我用而不是我只想在点击按钮和上传页面上使用jQuery获取所选/活动按钮的值/内容。

这些是我的按钮：

<button type="button" class="green test">Button 1</button>
<button type="button" class="green active test">Button 2</button>

我知道我必须使用$（“。test：button”）选择器，但我不知道如何获取按钮内容

Answer 1

$('button').text();

或

$('button').html();

Answer 2

尝试

 $('button.test').click(function() {
        alert($(this).text());
    });

WORKING DEMO

Answer 3

使用.text()

$(document).ready(function(){

    alert($('.test[type="button"]').text());

    $('.test[type="button"]').on('click',function(){
         alert($(this).text());
    });

});

DEMO

修改

var text = $('button.active').text();

修改

var redsText = $('button.red.active').text(); var greensText = $('button.green.active').text();

Answer 4

<head> 
<script type="text/JavaScript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<button type="button" class="green test">Button 1</button>
<button type="button" class="green active test">Button2</button>
<script>
$(function(){
$(".green").click(function(){
$(this).addClass('active');

    $(this).siblings().removeClass("active")
alert($(this).text());
})
 })
</script>

如何使用jQuery获取按钮类型按钮的值？

4 个答案: