TA貢獻1827條經(jīng)驗 獲得超8個贊
<div class="toggle">
Yes
</div>
$('.toggle').on('click', function() {
// 利用自定義屬性來判斷顯示內(nèi)容的標記，規(guī)避標記變量維護難和大量標簽屬性堆積問題
var flag = $(this).data('flag');
// flag 值為 undefined 或 false 時為 'No'，否則為 'Yes'，同時設(shè)置 flag 值為自身反值
$(this).text(!flag ? 'No' : 'Yes').data('flag', !flag);
});
// .toggle 文字可以禁止選中，設(shè)置 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');
});
舉報