Question

<table border=2>
    <tr>
        <td class="here" one="lorem" two="ipsum"> click </td>
        <td class="here" one="aaa" two="bbb"> click </td>
    </tr>
</table>

$('.here').click(function(){
  $(this).html($(this).attr('one'));
})

http://jsfiddle.net/uzhru/

如何修改此javascript以进行功能切换或其他解决方案？我想 - 如果我点击TD然后这显示属性一，如果我下一次点击然后这显示我属性二，下一个，接下来两个等

Answer 1

$('.here').click(function(){
  if($(this).html() == $(this).attr('one'))
    $(this).html($(this).attr('two'));
  else 
    $(this).html($(this).attr('one'));
})

DEMO

Answer 2

ocanal的回答非常有效，但我想我还要补充一点，这也可以用toggle完成，当给定两个函数时，每次点击都会在它们之间切换：

$(".here").toggle(function() {
    $(this).html($(this).attr('one'));
}, function() {
    $(this).html($(this).attr('two'));
});

http://jsfiddle.net/7pUS4/

如何使用切换？

2 个答案: