更改按鈕的文本值

Question

我的切換有問題。我發現了類似的帖子，但沒有我真正理解。

我想要的按鈕來更改文本「項目信息 - 」點擊，再點擊時恢復到「項目信息+」

這裏的問題（項目信息按鈕）時 - >http://marcuspedersen.com/oyafestivalen.html

代碼：

的jquery

$('#toggle').click(function() { 
    $('#workinfo').slideToggle (300, 'linear'); 
}); 

按鈕

<input type="button" id="toggle" value="Project Info +"/> 

Answer 1

我建議：

$('#toggle').click(function(e){ 
    // you may also want: 
    // e.preventDefault(); 
    // depending what else you're doing, and how you're doing it 
    $(this).val(function(i,v){ return v == 'Project Info +' ? 'Project Info -' : 'Project Info +'; }); 
}); 

JS Fiddle demo。順便說一句，如果您對同一個元素/ jQuery對象執行的操作不止一個，那麼緩存該對象並隨後使用緩存的對象用於將來的操作將是明智的。

考慮到我在這裏使用了click()而不是toggle()，因爲後者從jQuery 1.9開始已經被棄用了。

參考文獻：

• click()。
• toggle()。

Answer 2

試試這個

$('#toggle').click(function() { 
    $('#workinfo').slideToggle (300, 'linear'); 
    $(this).val($(this).val() == 'Project Info +' ? 'Project Info -' : 'Project Info +'); 
});