Как переключить текст привязки с помощью JQuery?

Question

Вот мой HTML код:

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

Мне нужно заменить текст Войти или зарегистрироваться с X, при щелчке и вернуться к старому тексту при повторном нажатии.

Answer 1

Вам нужен обработчик щелчка для вашего якоря:

$("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

Было бы лучше, если вы даете ваш тег идентификатор

<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/