更改按鈕文本（顯示/隱藏/顯示）上點擊jQuery的切換

Question

我對這個琴的工作： http://jsfiddle.net/cED6c/7/ 我想就點擊按鈕上的文字變化，我嘗試使用下面的代碼：

<input type="button" class="reveal" onClick="this.value=this.value=='Show Answer'?'Hide Answer':'Show Answer'" value="Show Answer"> 

但是，這是行不通的。我應該如何實現這一點？任何幫助都會很棒。

Answer 1

您需要添加以下代碼：

http://jsfiddle.net/cED6c/13/

我添加了裝飾功能的原因在你有空間的HTML：

if ($.trim($(this).text()) === 'Show Answer') { 
    $(this).text('Hide Answer'); 
} else { 
    $(this).text('Show Answer');   
} 

您可以在工作中看到它顯示答案後。

Answer 2

很容易使用jQuery更改文本。

工作示例這裏。 http://jsfiddle.net/vp7Y7/

$('.reveal').click(function() { 
    if ($(this).text() === 'Show Answer') { 
     $(this).text('This is NEW TEXT!!! It Worked!'); 
    } 
    else { 
     $(this).text('Show Answer'); 
    } 
}); 

Answer 3

東西容易這樣

$(document).ready(function() { 
    $('a.edit').click(function() { 
     var txt = $(this).text(); 
     txt = (txt !='cancel') ? 'cancel' : 'edit'; 
     $(this).text(txt); 
     $('.editForm').toggle(300); 
    }); 
});