jquery+获取button文字

最近在学习jquery，遇到了一个获取button文字的问题，经过一番研究和实践，想和大家分享一下。

$('button').click(function(){
    var btnText=$(this).text();
    console.log(btnText);
}
    );

首先，在页面中定义一个button元素，然后通过jquery的click方法获取到当前点击的button元素，使用text方法获取到按钮的文本内容，最后将其输出到控制台中。

需要注意的是，如果页面中有多个button元素，该代码会作用于所有的button元素，如果只想针对特定的button元素进行操作，可以给它添加一个id或class，然后在jquery代码中使用该id或class进行筛选。

$('#btn1').click(function(){
    var btnText=$(this).text();
    console.log(btnText);
}
    );
$('.btn-group').on('click', '.btn', function(){
    var btnText=$(this).text();
    console.log(btnText);
}
    );
    

以上代码分别是对id为btn1的button元素和class为btn-group的按钮组下的所有button元素进行操作，使用jquery的on方法进行事件绑定。其中，on方法的第二个参数是一个选择器，所以针对特定元素进行操作时，可以将选择器作为该参数的值传入。

通过以上代码，我们可以轻松地获取到button元素的文本内容，为后续的操作提供便利。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！