如何使用Jquery切換錨文本？

Question

這裏是我的HTML代碼：

<label for="LoginControl"> 
<a href="login/" class="concealed noOutline"> Log in or Sign up </a> 
</label> 

我需要替換文本登錄或註冊與X點擊並再次點擊時恢復到舊的文本時。

Answer 1

你需要爲你的錨click處理：

$("a.concealed").click(function() { 

現在，你需要一些邏輯：

$(this).text() == "X" ? "Log in or Sign up" : "X"; //if it equals X, return Log. Else X. 

現在剛剛合併成一個功能：

$("a.concealed").click(function() { 
    var newText = $(this).text() == "X" ? "Log in or Sign up" : "X"; 
    $(this).text(newText); 
}); 

演示：http://jsfiddle.net/afuub/

Answer 2

這將是最好的，如果你給你的標籤的ID

<label for="LoginControl"><a id="myLink" href="login/" class="concealed noOutline">Log in or Sign up</a></label> 

，然後這是你如何能做到這一點：fiddle

Answer 3

HTML

<label for="LoginControl"> 
    <a href="login/" class="concealed noOutline"> Log in or Sign up </a> 
    </label> 

JQUERY

$('label a').click(function(
     $(this).toggle(
       function(){$(this).text('X')}, 
       function(){$(this).text('Login or Sign Up')} 
    )} 

閱讀更多關於Jquery Toggle http://api.jquery.com/toggle/