Question

我是编程新手，想问如何改变按钮2。

<button type="button" id="button">Save</button>
<script>
 $(document).ready(function() {
   $('#button').click(function(){
     $('#button').text("Edit");
      });
       });

首次点击我转向“编辑”，然后点击时如何点击返回“保存”。

谢谢

Answer 1

一个简单的三元运算符就可以了：

$('#button').click(function(){
    $(this).text($(this).text() == 'Save' ? 'Edit' : 'Save');
});

或者您可以将功能传递给.text()：

<强> Demo

$('#button').click(function(){
    $(this).text(function(_, val){
        return val == 'Save' ? 'Edit' : 'Save';
    });
});

Answer 2

$(document).ready(function() {
    var editing = false;
    $('#button').click(function(){
        editing = !editing;
        if (editing) {
            $('#button').text("Edit");
        } else {
            $('#button').text("Save");
        }
    });
});

Answer 3

写一个小的切换功能：

$('#button').on('click', function() {
    $(this).text(function(_, value) {
        return value == 'Save' ? 'Edit' : 'Save';
    });
});

Answer 4

检查一下：

 $(document).ready(function() {
   $('#button').click(function(){
if( $('#button').text()=='Save')
       {
      $('#button').text("Edit");

        }

  else

       {
       $('#button').text("Save");

           }
      });
       });

http://jsfiddle.net/2m5q7/

jquery更改按钮文本从保存到编辑2种方式

4 个答案: