2

我使用 jQuery 而不是我只是希望在单击按钮和加载页面上使用 jQuery 获取选定/活动按钮的值/内容。

这些是我的按钮：

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

我知道我必须使用 $(".test:button") 选择器，但我不知道如何获取按钮内容

4

4 回答 4

3

利用.text()

$(document).ready(function(){

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

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

});

演示

编辑

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

编辑

var redsText = $('button.red.active').text();
var greensText = $('button.green.active').text();
于 2013-08-08T08:36:38.220 回答
1 
$('button').text();

or 

$('button').html();
于 2013-08-08T08:35:44.863 回答
1

Try

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

WORKING DEMO

于 2013-08-08T08:36:25.580 回答
0 
<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>
于 2013-08-08T08:47:35.553 回答