<div class="toggle">

  Yes

</div>

$('.toggle').on('click', function() {

    // 利用自定義屬性來判斷顯示內容的標記，規避標記變量維護難和大量標簽屬性堆積問題

    var flag = $(this).data('flag');

    // flag 值為 undefined 或 false 時為 'No'，否則為 'Yes'，同時設置 flag 值為自身反值

    $(this).text(!flag ? 'No' : 'Yes').data('flag', !flag);

});

// .toggle 文字可以禁止選中，設置 user-select 為 none

.toggle {

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}

==================== 上例綜合了下面兩種方法 ====================

$('.toggle').on('click', function() {

    var cur = $(this).text();

    if (cur) {

          $(this).text(cur === 'Yes' ? 'No' : 'Yes');

    }

});

var flag = false;

$('.toggle').on('click', function() {

    flag = !flag;

    $(this).text(flag ? 'No' : 'Yes');

});