Question

HTML

<div id='button'></div>
<div id="mydiv">ko</div>

JS

$('#button').click(function () {
    $('#mydiv').text('ok');
});

CSS

#button{
    width:100px;
     height:100px;
    background-color:red;
}

点击按钮后，mydiv的文字会发生变化。我想要做的是再次点击它以将文本更改回ko，依此类推，在两个值之间交替。有没有办法做到这一点？

Answer 1

当然，只需检查文本是什么，并将其他值返回到text（）方法

$('#button').click(function () {
    $('#mydiv').text(function(_, txt) {
        return txt == 'ok' ? 'ko' : 'ok';
    });
});

Answer 2

有多种方法，但其中一种方法是if-else：

$('#button').click(function () {
    if($('#mydiv').text()=="ko")
        $('#mydiv').text('ok');
    else
        $('#mydiv').text('ko');
});

<强> DEMO