0
<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,那么这会显示属性一,如果我接下来单击,那么这会显示属性二、下一个、下两个等

4

2 回答 2

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

演示

于 2012-06-13T10:47:17.947 回答
1

ocanal 的回答完美,但我想我想补充一点,这也可以做到toggle,当给定两个函数时,每次点击都会在它们之间切换:

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

http://jsfiddle.net/7pUS4/

于 2012-06-13T10:57:35.530 回答