改变＆＃34;标签＆＃34;在给定的班级上辩护

Question

点击div时我button to width large！在div toggleClass的帮助下，200px宽度从970px延伸到jquery。是否有任何方法当宽度扩展按钮的标签更改时也像button to default width。

顺便说一下，我的fiddle

JS：

$('.inlarge').click(function(){
     $('.googleMapWrap').toggleClass('divlarge');
     });

Answer 1

您可以使用.text()之类的

$('.inlarge').click(function () {
    var $map = $('.googleMapWrap').toggleClass('divlarge');
    $(this).text(function () {
        return $map.hasClass('divlarge') ? 'button to width default' : 'button to width large';
    })
});

演示：Fiddle

Answer 2

是。这应该做到：

 $('.inlarge').click(function(){
     var $googleWrap = $('.googleMapWrap');
     $googleWrap.toggleClass('divlarge');

     if ($googleWrap.hasClass('divlarge')) {
          $(this).text('button to default width');
     } else {
          $(this).text('button to width large');
     }
 });