如何使用切換？

<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點擊那麼這表明我的屬性之一，如果我下次點擊那麼這告訴我屬性的兩個，下一個，下兩件

來源

2012-06-13 Javier Mosceno

請注意，像'one'和'two'這樣的自定義屬性會停止您的代碼正確驗證。如果您使用HTML5，則應該使用'data- *'屬性。 –

如果你使用自定義屬性，你應該使用HTML5'data- *'屬性，然後使用jQuery'.data（）'函數來獲取/設置它們的值。 –

謝謝，但這適用於所有瀏覽器？在哪裏我可以找到這個好教程？ –

ocanal的答案作品完美，但我想我會補充說，這也可以與toggle，當給定兩個功能會爲每次點擊它們之間進行切換來完成：

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

http://jsfiddle.net/7pUS4/

來源

2012-06-13 10:57:35

這個我覺得更有用。 – ocanal

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

DEMO

來源

2012-06-13 10:47:17 ocanal

如何使用切換？

回答

相關問題