jquery怎样实现点击切换文本内容？

Question

jquery点击切换文本内容，如<div>Yes</div>，点击这个div，里面文本变为No，再次点击变为Yes。有没有办法实现？

Answer 1

<div class="toggle">&nbsp; Yes</div>$('.toggle').on('click', function() {&nbsp; &nbsp; // 利用自定义属性来判断显示内容的标记，规避标记变量维护难和大量标签属性堆积问题&nbsp; &nbsp; var flag = $(this).data('flag');&nbsp; &nbsp; // flag 值为 undefined 或 false 时为 'No'，否则为 'Yes'，同时设置 flag 值为自身反值&nbsp; &nbsp; $(this).text(!flag ? 'No' : 'Yes').data('flag', !flag);});// .toggle 文字可以禁止选中，设置 user-select 为 none.toggle {&nbsp; &nbsp; -webkit-user-select: none;&nbsp; &nbsp; -moz-user-select: none;&nbsp; &nbsp; -ms-user-select: none;&nbsp; &nbsp; user-select: none;}==================== 上例综合了下面两种方法 ====================$('.toggle').on('click', function() {&nbsp; &nbsp; var cur = $(this).text();&nbsp; &nbsp; if (cur) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(this).text(cur === 'Yes' ? 'No' : 'Yes');&nbsp; &nbsp; }});var flag = false;$('.toggle').on('click', function() {&nbsp; &nbsp; flag = !flag;&nbsp; &nbsp; $(this).text(flag ? 'No' : 'Yes');});